如何有条件地应用属性在angularJS指令？
在html：
<cms-text required="false" id="product_name" thename="product_name"></cms-text>
在cmsText.js中
angular.module('cmsText',[]).directive('cmsText', function(){
'use strict';
return {
restrict: 'EA',
scope: {
thename:'=',
required:'=',
id:'='
},
replace:true,
templateUrl: 'cms-text/cmsText.html',
};
});
在cmsText.html
<input id="id" class="form-control" name="thename" type="text" required>
我希望输入标签中的“必需”字仅在设置为true时显示，在设置为false时该字消失。有人能帮忙吗？
共有2个答案
这将添加带有布尔值的ng required标记（角度输入文档）
<input id="id" class="form-control" name="thename" type="text" ng-required="required">
在Angular中使用ng必需控制所需的属性。
更新您的模板
<input id="id" class="form-control" name="thename" type="text" ng-required="required">
-
问题内容： 我正在使用“可拖动”指令来支持图像拖动。但是，根据用户的角色，我需要为某些用户组禁用图像拖动。我使用了以下代码。 该方法在模板范围内，并返回或。我不想为所返回的每个值创建两个大的重复元素。换句话说，我不是在寻找以下方法来解决此问题。 还有其他方法可以避免代码重复吗？ 问题答案： Angular包含对有条件声明HTML属性的支持，作为动态标题指令。 的官方文件 例 在您的情况下，代码可能
-
我想有条件地显示和隐藏这个按钮组，这取决于从父组件传递的内容，看起来像这样： .... .... 然而，{this.props.showBulkActions'show'：'hidden'并没有发生任何事情。我做错什么了吗？
-
问题内容： Q1。假设我想在按下主“删除”按钮之前更改用户标记为要删除的每个“项目”的外观。（这种立即的视觉反馈应该消除了众所周知的“您确定吗？”对话框的需要。）用户将选中复选框以指示应删除哪些项目。如果未选中此复选框，则该项目应恢复为正常外观。 应用或删除CSS样式的最佳方法是什么？ Q2。假设我想允许每个用户个性化展示我的网站。例如，从一组固定的字体大小中进行选择，允许用户定义前景色和背景色等
-
问题内容： 我想有条件地显示和隐藏此按钮组，具体取决于从父组件传入的内容，如下所示： .... .... 但是，{this.props.showBulkActions吗？’show’：’hidden’}。我在这里做错什么吗？ 问题答案： 大括号位于字符串内，因此被评估为字符串。他们需要在外面，所以应该可以工作： 注意“向右拉”后的空格。您不希望偶然提供类“ pull-rightshow”而不是“
-
问题内容： 我需要能够根据作用域上的布尔变量向元素添加例如“ contenteditable”。 使用示例： 如果设置为，将导致contenteditable = true被添加到元素。有一些简单的方法可以实现这种ng- class这样的属性行为吗？我正在考虑编写指令，如果没有，请共享。 编辑： 我可以看到我提议的attrs指令和ng-bind- attrs 之间似乎有些相似之处，但是在1.0.0
-
更准确地说，我甚至想要更详细的东西：目标应该是一个包含三个属性的类，其中产生的目标值必须被拆分为三个属性。例如，如果mysource.propa的值为“abc”，那么目标myTarget应该得到一个类似于“v01.123.456.ab”的值。该值依次分为preValue、middleValue和endvalue： preValue=“V01” middleValue=“123.456”