我正在尝试创建一个带有一些JSON数据的指令，并创建一个表单。表单中的每个输入都包含在/^\/me (.*)$/i包装器中。包装器还包含使用<div>时显示的<div>。使用ng-show的{{1}}用于动态显示错误。
指令的HTML：
<div>页面上的HTML：
ng-show指令创建：
<div class="input-wrapper" ng-repeat="inputData in contactCtrl.formInputData">
<input type="text" class="text-input" placeholder="{{ inputData.placeholder }}" ng-model="inputData.model" />
<div class="error-bubble" ng-show="inputData.showFunction">
</div>
</div>
JSON数据和验证功能：
<div id="column-right">
<h2>
Send me an Email
</h2>
<contact-form></contact-form>
</div>
这不是一件事。占位符未正确呈现，spaModule.directive("contactForm", function() {
return {
restrict: "E",
templateUrl: "partials/directives/contact-form.html"
}
});
没有执行任何操作，this.formInputData = [
{
placeholder: "Name",
model: "contactCtrl.clientName",
showFunction: "!contactCtrl.validateName()"
},
{
placeholder: "Email",
model: "contactCtrl.email",
showFunction: "!contactCtrl.validateEmail()"
},
{
placeholder: "Subject",
model: "contactCtrl.subject",
showFunction: "!contactCtrl.validateSubject()"
}
];
this.validateName = function() {
if (this.clientName !== "") {
this.nameError = "Name is required!";
return true;
} else {
return false;
}
};
无法正常工作。我尝试将其重新格式化为我的页面中的普通HTML，一切都运行完美。
问题似乎是ng-show属性为ng-model。我做错了什么？