Javascript AngularJS：带有ng选项参数的指令中的下拉列表

我想创建一个带有下拉模板的指令。我尝试将ng options的值作为指令的参数，但下拉列表仅包含默认值

这是一把小提琴和我在这篇文章中的代码：

var-app=angular.module（'app'，[]）；
函数Ctrl（$scope）{
$scope.countries=[
阿尔及利亚={name:'alegaria'，电话号码：'213'}，
安道尔={姓名：'Andorr'，电话号码：'376'}，
安哥拉={姓名：'angola'，电话号码：'244'}
];
}
应用指令（'skiTest'，函数（）{
返回{
“替换”：true，
“限制”：“E”，
“范围”：{
“数据”：“=”，
}, 
链接：函数（范围、元素、属性）{
scope.options=attrs.selectOptions；
},
“模板”：“代码”
}
});

以下是HTML：

<div ng-controller="Ctrl">
    <div>
        <h2>Without directive</h2>
        <select ng-model="code" ng-options="country.phoneCode as country.name for    country in countries">
            <option value="">Code</option>
        </select>
    </div>
    <div>
        <h2>With directives</h2>
        <ski-test data="countries" select-options="country.phoneCode as country.name for country"></ski-test>
    </div>
</div>

没有指示
代码
带着指令

---

如果有人能指出我的错误，非常感谢

指令中的模板只需如下所示：

'template':'<div><select name="testSelect" ng-model="data" ng-options="c.name for c in data"><option value="">Code</option></select></div>'

“模板”：“代码”

我用叉子把零钱叉在你的小提琴上：

'template':'<div><select name="testSelect" ng-model="data" ng-options="c.name for c in data"><option value="">Code</option></select></div>'