0

選択した値を保存して、選択した値をポップアップ表示したい。しかし、ng-change ディレクティブを追加すると、select が機能しなくなります。ng の変更を削除すると、ドロップリストが表示されます。手伝ってください。

これは私のhtmlです

<div ng-app="HelloApp">
  <div ng-controller="MyCtrl">
    <p>Term</p>
    <select ng-model="bob" ng-change="test()" ng-options="x for x in nos">

    </select>
  </div>
</div>

そして、これは私のjsスクリプトです

**var app = angular.module('HelloApp', []);  
app.controller('MyCtrl', function($scope) {
console.log('ctrl working');
    $scope.test = function () {
     nos=["5", "10", "15"];**
     var kill=$scope.bob;
     alert ("changed!"+ kill); 
    }

});

私はAngularに不慣れで、インターネット検索は単純な配列ではなく複雑な配列にのみ着陸します。助けてください

4

3 に答える 3

1

スクリプトを次のように変更します。

var app = angular.module('HelloApp', []);  
app.controller('MyCtrl', function($scope) {
console.log('ctrl working');
$scope.nos=["5", "10", "15"];
    $scope.test = function () {

       var kill=$scope.bob;
       alert ("changed!"+ kill); 
    }

});

注意事項：

-nos以前はビューに表示されませんでした。・テスト機能外のはずです。

于 2016-10-04T06:53:42.170 に答える
1

これを参照してください - フィドル

$scope.nos=["5", "10", "15"];
$scope.bob="";
$scope.test = function () {
   alert($scope.bob);

}
于 2016-10-04T06:54:07.830 に答える
0

ほんの少しの変更で、大したことはありません

app.controller('MyCtrl', function($scope) {
$scope.nos=["5", "10", "15"];
    $scope.test = function (x) {
     alert (x); 
    }
});

HTML

<select ng-model="bob" ng-change="test(bob)" ng-options="x for x in nos">

ありがとう

于 2016-10-04T06:57:46.947 に答える