AngularJS动态绑定ng选项的ng模型实例代码

什么情况下需要动态绑定ng-model？如果您的数据结构如下所示：

var class=[{ ' Name ' : ' temperature '，' options' : ['cold '，' hot '，' normal']}，{'name' :' quantity '，' options' : ['big '，' middle '，此时需要用ng-repeat展开数据，将Options单独设置为ng-options的数据。这时，需要动态绑定ng-model，那么如何绑定呢？您可能需要在您的控制器下添加一个变量来指定这些动态呈现的ng选项的数据。

太抽象了，我们马上来看看。

！-DOM-div class=' container ' div Ng-repeat=' class in class ' { class name } }选择Ng-model=' selectdccollection[class name]Ng-options=' option ' for options in class options '/select/diva class=' btnbtn-success ' Ng-click=' submit()' submit/a/div///JavaScript函数demo controller($ scope){ $ scope class=[{ ' name ' : ' temperature '，' options ' 3:[' cold '，' hot '，' normal ' }，{ '$ scope submit=function(){控制台日志($ scope SelectdCollection)；};}在这段简短的程序代码中，我们声明了$ scope。DemoController中的selectcollection，它是接受刚才提到的动态ng-model值的对象。这里定义了一个按钮，动态呈现的ng-options选择的值按下后可以及时放到开发者工具的控制台上。

实际图片会是这样的。

单击提交在开发人员工具中查看以下日志，并成功获取数据。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。