[英]get a value from ng-option
嗨,有人可以幫我嗎?
我對angular有點陌生,我正嘗試從此模型中獲取字符串:
<select color="black" ng-model="select" class="styled-select"
ng-options="provincia as provincia for provincia in province|orderBy:'toString()'"></select>
精確地講,我需要用選擇結果來填充控制器中的var。
例
var something=$scope.select;
ng選項可以正常工作,並且用字符串列表填充了,我該怎么辦? 我在那里鏈接了一個js feedle,使事情變得更加清晰。
http://jsfiddle.net/EeL9y/59/
到目前為止,謝謝您的回答,我必須精確地說,我需要在另一個函數中而不是在html中使用該var,URL綁定僅用於測試var是否獲得了該值。
我認為您正在使事情變得過於復雜,只要讓angular做魔術即可:
視圖:
<div ng-controller="SearchCtrl">
<form ng-submit="search()">
<input type="text" ng-model="toSearch">
<select
ng-model="city"
ng-options="city for city in cities|orderBy:'toString()'"
></select>
<input class="btn-primary" type="submit" value="search">
</form>
next holiday i will go to {{city}}
</div>
控制器:
SearchCtrl($scope) {
$scope.cities= ['Madrid', 'Dublin', 'Paris','Moscow'];
$scope.city = 'Paris';
$scope.search = function search() {
// use the scope variable
console.log(
'searching for: "' + $scope.toSearch + '" with', $scope.city, 'selected'
);
};
}
演示:
我搜索了一個小提琴以進行選擇,找到了該小提琴,並對其進行了略微更新,以在需要選擇某些東西時展示ng-model。
我認為控制器中的手表將為您完成以下任務:
$scope.$watch("select",function(){
var something=$scope.select;
});
更新:
我已經按照您的要求更新了小提琴: http : //jsfiddle.net/EeL9y/61/
將名稱和值屬性添加到列表中並遍歷所選對象
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.