我使用Select2库进行自动完成(指令名称)和angularjs单页面。但是我在获取所选选项的文本方面遇到了麻烦:
<!--$scope.testData = [{code:1, value:'Test1'}, {code:2, value:'Test2'}];-->
<select id="test" name="test" ng-model="test" autocomplete>
<option ng-repeat="obj in testData" value="{{obj.code}}">{{obj.value}}</option>
</select>
我使用ng-repeat而不是ng-options,因为select2插件并不支持。
在这部分我获得了obj.code的值并将其保存在$ scope.test中,但是,另外我需要在其他变量中保存所选择的obj.value文本。我怎样才能做到这一点?基本上这是因为我需要在另一个步骤中打印该值(不是代码),但我也需要保存代码。
感谢您提前。
答案 0 :(得分:1)
您必须观察test
值(如果支持则更改为ng),以及何时更改循环通过testData以查找具有相同代码的对象,然后更新其他变量以进行显示。 / p>
或者,您可以使用ui-select将test
设置为对象,然后根据需要显示值或代码。