Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – angular bootstrap typeahead将ng-model设置为对象而不是单个字段大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用angular bootstrap typeahead指令.当我使用typeahead时,有没有办法选择在我的ng-model中设置的整个所选对象而不是字符串

例如

@H_297_1@mycontroller.js

var getStates = function() {
   // calls rest service that pulls in states.json from some angular factory
}
var StateCtrl = function ($scope) {
    $scope.states = getStates();

    $scope.submit = function () {
        // Should expect an Object and not the name of the state
        console.log($scope.states);
    }
}
angular.module('StateCtrl',[]).controller(['$scope',StateCtrl]);

states.json

[
// i don't want just state.name i want everything
{name: Alabama,stateCode: 123,SALEsTax: .06},{name: Arkansas,stateCode: 122,{name: New York,stateCode: 120,SALEsTax: .10},...
]

的index.html

<input ng-model="SELEctedstate" uib-typeahead="state.name for state in states">
<!--- i want SELEctedState to be {{statE}} and not {{state.namE}} -->
<button ng-click="submit()">submit</button>
将uib-typeahead =“state.name for state in states”替换为uib-typeahead =“state as state.name for state in states”.这应该为你工作.这是一个工作 plunker.

大佬总结

以上是大佬教程为你收集整理的angularjs – angular bootstrap typeahead将ng-model设置为对象而不是单个字段全部内容,希望文章能够帮你解决angularjs – angular bootstrap typeahead将ng-model设置为对象而不是单个字段所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。