0

我想将 AngularJS 用于一些管理表单。绑定视图和模型非常容易。我也喜欢如何添加验证。但是当我试图通过引入指令来防止冗余代码时,我遇到了一个边界。你能帮我解决这个问题,我应该如何用 AngularJS 构建代码:

在我的表单中,我有一些复合字段。例如,您可以在下拉列表中选择一个国家。在该下拉列表旁边,您可以在文本字段中输入城市。当您选择另一个国家/地区时,应清除城市名称。这很容易。现在我想在城市文本字段中自动完成。当您输入几个字符时,您会获得所选国家/地区城市的建议。自动完成小部件是这里的小问题,为了简单起见,我会为此使用 JQueryUI。

我已经设法实现了简单的指令。我的问题是:

1.) 我喜欢 NgModelController 中的验证功能。我可以在我的指令中以某种方式重用它吗?如果我可以在我的指令中添加一个“必需”属性,那就太好了。如果已设置,则所有复合字段都是必需的。2.) 我如何将指令与周围的模型连接起来?例如,我想在管理表单中编辑客户,我的“地址”指令应该显示和编辑客户地址。3.) 我如何将指令与我的城市查询服务联系起来?我需要为我的服务提供国家和第一次输入的城市字母。结果是可以在自动完成小部件中显示的城市名称列表。

4

1 回答 1

0

这是向您展示如何设置 require 属性的plunker 。

主要思想是required="{{isRequired}}"在模板中具有isRequired作为指令的属性。

template: '<input name="city" type="text" ng-model="city" placeholder="City" required="{{isRequired}}">'
于 2012-11-12T07:18:19.030 回答