Javascript ng模型中的角度表达式

我试图创建一个带有角度指令的自定义选择元素

此指令中的模板包含一个select元素，该元素具有我希望从自定义元素获取的ng模型属性

<custom-select inner-model="modelName">
    <select model="{{model}}"></select>
</custom-select>

它确实采用了具有正确值的属性，但仍然不起作用

---

这是我的建议：

您需要定义一个独立的作用域。这实际上将分配给

内部模型

属性的外部作用域属性绑定到内部作用域属性

内部模型

，然后可以在模板中使用

app.directive('customSelect', function() {
  return {
    restrict: 'E',
    transclude: true,
    scope: {
       innerModel: "="
    }
    template: '<select ng-model="innerModel" data-ng-transclude></select>',
  };
});

app.directive（'customSelect'，function（）{
返回{
限制：'E'，
是的，
范围：{
内部模型：“=”
}
模板：“”，
};
});

然后你可以做：

<custom-select inner-model="someScopeProperty">
  <option value="1">One</option>
  <option value="2">Two</option>
  ...
</custom-select>

一个
两个
...

---

（尽管如此，我仍然对你想要实现的目标感到困惑）

谢谢！它工作得很好！我试图实现的是创建一个自定义选择，在这个选择下有一个元素（不透明度为0）。但是我首先需要这个选择来正确处理模型。你应该问一个新问题并提供更多的数据。我认为这是不必要的，因为更多的数据只是css。或者我应该更新plunker？我想我只是不完全明白你想做什么。你可以编辑这个问题来澄清。我编辑了一点。我没有在css方面走得更远，但它显示了我想要的东西。无论如何，谢谢你的回答。

<custom-select inner-model="someScopeProperty">
  <option value="1">One</option>
  <option value="2">Two</option>
  ...
</custom-select>