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

我知道，angular ui指令创建了独立于我自己的范围的自己的范围。但是我想从我的模板中操作数据。例如：我想使用AngularUIPopover（或modal），当用户单击页面上的某个元素时，它会显示一些信息。用我的数据绑定angular ui的最佳方法是什么？
编辑
例如： 我有一个这样的模型：

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

鉴于此，我有一个ng中继器，如下所示：

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

名称：{{country.name}
人口：{{国家.人口}

---

当用户单击任何“li”项时，我想显示带有数据表单选择项的popover

您不能直接访问隔离作用域的属性。您应使用提供的选项进行操作，例如popover具有

popover处于打开状态

选项。将控制器的范围变量绑定到它，然后更改它：

<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>