オプションの値を置き換えます

私はを更新しようとしています 3秒後にオプション。オプションの値を置き換えます

私のHTMLには、オプションを生成するコードがあります。

マテリアライズドロップダウンを初期化し

<select 
    ng-model="selectedOperator" 
    ng-options="operator as operator.name for operator in operators"> 
</select>

と同じHTMLで、私は

$(function() { 
    $('select').material_select(); 
});

を持っています。私のJavaScriptで

：それが更新されていないが

.controller('MainCtrl', function ($scope, $timeout) { 

    // initialize old(first) values 
    $scope.operators = [ 
    { value: 1, name: 'Old-One' }, 
    { value: 2, name: 'Old-Two' } 
    ]; 

    $scope.selectedOperator = null; // no default selected value 

    // after three seconds, replace the old value with new one. 
    $timeout(function() { 
    $scope.operators = [{ value: 10, name: 'New Awesome' }]; 
    // reinitialize the materialize select. 
    $('select').material_select(); 
    }, 3000); 
});

、それはまだ古い値を生成しています。 HTMLでは、{{ operators }}の値が新しい値になります。

私はAngularを初めて利用しています。どんな助けでも大歓迎です。

乾杯

更新：私は70％のように、彼らはお互いによくプレーしていないと確信しているが、ラジオボタンで選択置き換えることにより、一時的な修正をしました。

出典

2016-12-07 d30jeff

私はあなたがすべてのログを取得している、その作業を試してみましたか？ –

角度付きのjQueryを使用しないでください。この指示を見てください：https://github.com/krescruz/angular- materialized –

@AppuAmruth私はログを取得していません – d30jeff

<select name="repeatSelect" id="repeatSelect" ng-model="selectedOperator"> 
     <option ng-repeat="operator in operators" value="{{operator.value}}">{{operator.name}}</option> 
</select>

DOC

出典

2016-12-07 12:25:25 HaikelO

まあ、私はstackoverflowの投稿には、ng-repeatを使用しないことを強く示唆しましたオプション。 ng-optionsはその仕事をするためのものです。 – d30jeff

これは、後でその作業罰金をこの値を変更できるサンプル例です。

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <script> 
      $(function() { 
       $('select').material_select(); 
      }); 

      angular.module('myApp', []).controller('namesCtrl', function($scope, $timeout) { 
       $scope.operators = [ 
         { value: 1, name: 'Old-One' }, 
         { value: 2, name: 'Old-Two' } 
        ]; 
       $scope.selectedOperator = null; // no default selected value 

        // after three seconds, replace the old value with new one. 
        $timeout(function() { 
        $scope.operators = [{ value: 10, name: 'New Awesome' }]; 
        // reinitialize the materialize select. 
        $('select').material_select(); 
        }, 3000); 

      }); 
    </script> 
</head> 
<body> 
    <div ng-app="myApp" ng-controller="namesCtrl"> 
     <h1>Angular JS Application</h1> 
     <select ng-model="selectedOperator" ng-options="operator as operator.name for operator in operators"> 
     </select> 
    </div> 
</body>

出典

2016-12-07 12:31:57

** materialize ** selectで動作しません。 – d30jeff

オプションの値を置き換えます

答えて

関連する問題