AngularJS动态绑定ng-options的ng-model实例代码

drug94501 11 0 pdf 2021-12-15 17:12:21

什么情况下会需要动态绑定 ng-model 呢?若你的数据结构长得像是下面这样:此时你需要用 ng-repeat 将数据展开,并且将 Options 个别设置为 ng-options 的数据,此时就须要动态去绑定 ng-model,那么该如何绑呢?说的这么抽象,不如马上来看下吧。在这一小段程序代码中,我们在 DemoController 里面宣告了 $scope.SelectdCollection,这就是刚才提到的承接动态 ng-model 值的对象,这边定义了一个按钮,按下之后可以及时把动态呈现的 ng-options 所选的值丢到开发者工具的 console 去。实际画面会是长这样。按下送出可以在开发者工具看到如下的 log,成功取得资料。

AngularJS动态绑定ng-options的ng-model实例代码

AngularJS动态绑定ng-options的ng-model实例代码

用户评论
请输入评论内容
评分:
暂无评论