javascript - ng-model 在 Angular Bootstrap ui 中不起作用

标签 javascript angularjs

ng-model 不能像这样工作:plunker link

我尝试提醒 ng-model="selectedFriend"并期望弹出 friend 的姓名,但是当它在 Angular Bootstrap ui 的选项卡内容中使用时出现问题。

        <select ng-model="friendsModel" ng-options="friend.name for friend in myFriends.friends.data">
    <option value="">Select friend</option>
    </select>

我怀疑这是 $scope 问题,因为它在这里工作正常 plunker link

最佳答案

选项卡正在创建一个新范围,因此您需要在 ng-model 表达式中添加一个“著名的点”。这些与作用域相关的问题很常见,即使使用 ngInclude 等内置指令,您也可以观察到它们。

最后,这是一个有效的 plunk:http://plnkr.co/edit/PPGA8SBwHeEQNAQCZT3K?p=preview

关于javascript - ng-model 在 Angular Bootstrap ui 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23494553/

相关文章:

javascript - Angular js : accessing $scope from jQuery

javascript - 将字符串替换为 angualrjs1 中的 anchor 标记

javascript - node.js 无法启动 - 错误 404 - 未找到

JavaScript 对象对于所有版本的 Google Chrome 都是唯一的?

javascript - d3 SVG 中的 Angular 指令

javascript - 父模块作为依赖

具有不同原型(prototype)的 Javascript 对象构造函数混淆

Javascript - 添加类和样式先见之明

javascript - 汉堡包按钮必须点击两次才能展开

javascript - 为什么在使用angularjs的promise时无法将数据插入数组?