2016-10-04 26 views
0

我想保存選定的值,並彈出選定的值。但是當我添加ng-change指令時,select停止運行。如果您刪除ng更改,則會顯示下拉列表。幫幫我。問題與ng-選擇不工作在一個簡單的數組在角js

這是我的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); 
    } 

}); 

我新的角度和互聯網搜索僅土地複雜的陣列並不簡單。請幫助

回答

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); 
    } 

}); 

注意事項:

-The nos必須申報到控制器的範圍,以前是沒有的視圖中可見。 - 它應該超出測試功能。

+0

謝謝,明白了 – Tedsville

1

請參閱本 - fiddle

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

} 
+0

嘿明白了,thkks – Tedsville

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"> 

感謝

+0

ya,明白了,thk回答如此之快 – Tedsville

+0

好的一個:D好,我給你選項(Y) –