Question

我知道，angular-ui指令创建了自己的范围，与我自己的范围是分开的。但我想操纵我的模板中的数据。例如：我想使用angular-ui popover（或modal），当用户点击页面上的某个元素时，它会显示一些信息。哪个是将angular-ui与我的数据绑定的最佳方法？
修改的
例如：我有这样的模型：

$scope.countries = [
    {name: 'France', population: 63.1},
    {name: 'United Kingdom', population: 61.8},
    {name: 'Germany', population: 45.8}
]

在视图中我有ng-repeater这样的东西：

<ul>
    <li ng-repeat="country in countries">
      name:{{country.name}} 
      population: {{country.population}}
    </li>
</ul>

当用户点击任何“li”项目时，我想显示带有数据形式选择项目的弹出窗口

Answer 1

您无法直接访问隔离范围的属性。您应该使用提供的选项进行操作，例如popover具有popover-is-open选项。将控制器的范围变量绑定到它，然后更改它：

<button popover="{{dynamicPopover.content}}" popover-is-open="isOpen" type="button">

编辑：

<ul>
    <li ng-repeat="country in countries" popover="name:{{country.name}} population: {{country.population}}">
    </li>
</ul>

如何将angular-ui指令$ scope与我的控制器绑定？

1 个答案: