Echo required attribute from json(动态创建表单)angular
Echo required attribute from json (dynamic creation of forms) angular
我正在构建我的第一个 angularjs 应用程序,我的项目有 3 个实体。
我正在以 json 形式获取他们的模型。
例如
return [
{ "name": "IsActive", "type": "checkbox", "default": "true", "icon": "check" },
{ "name": "Name", "type": "text", "required": "true", "default": "", "icon": "user" },
{ "name": "Email", "type": "email", "validation": "email", "default": "", "icon": "envelope" },
{ "name": "Phone", "type": "text", "default": "", "icon": "phone" },
{ "name": "Fax", "type": "text", "default": "", "icon": "fax" },
{ "name": "Mobile", "type": "text", "default": "", "icon": "mobile" },
{ "name": "Address", "type": "text", "default": "", "icon": "map-marker" },
{ "name": "ContactPerson", "type": "text", "default": "", "icon": "comment" }
];
我使用实体模型动态创建它们的添加表单。
这是我的一部分 html:
<div class="addInpRow row" ng-repeat="m in vm.accounts.emodel">
<input name="{{m.name}}" type="{{m.type}}"/>
</div>
我想做的是回显所需的属性(如果为真)。
我尝试了几种方法来打印它,但都没有效果。
我尝试过的一些事情是:
<input name="{{m.name}}" {{m.required ? 'required' : ''}} />
<input name="{{m.name}}" aria-required="{{m.required}}" />
以及我的 m.required 外观的许多变体,例如 'required="required".
如有任何帮助,我们将不胜感激。
谢谢
改用ng-required
。
<input name={{m.name}} ng-required=m.required>
使用
<input name="{{m.name}}" ng-required="m.required">
我正在构建我的第一个 angularjs 应用程序,我的项目有 3 个实体。 我正在以 json 形式获取他们的模型。 例如
return [
{ "name": "IsActive", "type": "checkbox", "default": "true", "icon": "check" },
{ "name": "Name", "type": "text", "required": "true", "default": "", "icon": "user" },
{ "name": "Email", "type": "email", "validation": "email", "default": "", "icon": "envelope" },
{ "name": "Phone", "type": "text", "default": "", "icon": "phone" },
{ "name": "Fax", "type": "text", "default": "", "icon": "fax" },
{ "name": "Mobile", "type": "text", "default": "", "icon": "mobile" },
{ "name": "Address", "type": "text", "default": "", "icon": "map-marker" },
{ "name": "ContactPerson", "type": "text", "default": "", "icon": "comment" }
];
我使用实体模型动态创建它们的添加表单。 这是我的一部分 html:
<div class="addInpRow row" ng-repeat="m in vm.accounts.emodel">
<input name="{{m.name}}" type="{{m.type}}"/>
</div>
我想做的是回显所需的属性(如果为真)。
我尝试了几种方法来打印它,但都没有效果。 我尝试过的一些事情是:
<input name="{{m.name}}" {{m.required ? 'required' : ''}} />
<input name="{{m.name}}" aria-required="{{m.required}}" />
以及我的 m.required 外观的许多变体,例如 'required="required".
如有任何帮助,我们将不胜感激。 谢谢
改用ng-required
。
<input name={{m.name}} ng-required=m.required>
使用
<input name="{{m.name}}" ng-required="m.required">