个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我将自己的标签转换为输入。我可以使用 select 为输入选择只读/禁用。我做到了。有用。但不是在 ie8 )).
我阅读了 Angular 和 IE8 的官方文档。我添加了它。但是我的应用程序在 ie8 中不工作。
我不能添加只读/禁用属性(readonly="readonly"and disabled="disabled")
<!DOCTYPE html>
<html xmlns:ng="angularjs.org" id="ng-app" ng-app="dir">
<head>
<!--[if lt IE 8]>
<script src="html5shiv.js"></script>
<![endif]-->
<!-- Internet Explorer AngularJS element creation -->
<!--[if lte IE 8]>
<script>
document.createElement('dhtmlxdate');
</script>
<script src="http://cdnjs.cloudfare.com/ajax/libs/json3/3.2.4/json3.min.js"></script>
<![endif]-->
<meta charset="utf-8" />
<title>ie8</title>
</head>
<body>
<tag mode="{{mode}}"></tag>
<select ng-model="mode">
<option>disabled</option>
<option>readonly</option>
</select>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.1.3/angular.min.js"></script>
<script>
var myapp = angular.module("dir", []);
myapp.directive('tag', function(){
return {
restrict: 'E',
replace: true,
transclude: true,
scope: false,
template: '<input type="text" />'
,
link: function(scope, element, attrs) {
attrs.$observe('mode', function(value) {
switch(value) {
case "disabled":
//attrs.$set('disabled', 'disabled');
element.attr('disabled', 'disabled');
element.removeAttr('readonly');
break;
case "readonly":
//attrs.$set('readonly', 'readonly');
element.attr('readonly', 'readonly');
element.removeAttr('disabled');
break;
}
});
}
};
});
</script>
</body>
</html>
最佳答案
首先，如果你想避免将来遇到巨大的麻烦，特别是如果你需要 IE 支持，最好建议你像这样手动引导你的 Angular 应用程序:
angular.element(document).ready(function() {
angular.bootstrap(document, ['yourAppName']);
});
至于您的实际问题，“只读”和“禁用”属性都是 bool 属性，这意味着您不必为它们设置值，因为只要它们存在在元素上，它们将生效。
就是说，如果您想在输入中有条件地设置它们，我建议您使用 ngReadonly和 ngDisabled
关于javascript - Angular IE8 attrs.$set/element.attr 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23805696/
26
4
0
我只是想知道下面的$(*[attr])和$([attr])中哪一个更可取。为什么？ 因为两者都在做同样的事情。 $('[onclick]').each(function(i,elem){ cons
长期以来我一直在尝试找出问题所在，但不幸的是无法 如果我这样做 android.enableAapt2=true 代码工作正常，但是删除相同的(应该是强制性的)会抛出一个错误说 \incrementa
使用此代码: $('#ipadmenu section').attr('data-order', hash) 我将 data-order 属性设置为“hash”的值。如何选择具有该属性/值的元素而不是
我有一个用于扩展的组合框监听器。展开后，它会对组合框选项中具有特定类的每个元素执行一些样式设置。所需的更改之一是根据当前属性的值更改属性。使用 this 返回未定义。 expand : funct
性能上有区别吗 :not([attr="value"]) 和 [attr!="value"] ? CSS3 规范是否推荐了一种替代方案？ 编辑: CSS3 规范不包含 [attr!="value"]
所以我有一个叫做 say，mySave 的指令，它几乎就是这个 app.directive('mySave', function($http) { return function(scope,
有人可以告诉我有什么区别吗 ?android:attr/colorPrimary 和 ?attr/colorPrimary 无论我使用哪个，结果都是一样的。尽管第一个选项导致android.view.
Xpath问题： 何时使用@和属性，何时不使用。有关系吗？有什么区别 最佳答案 使用//tag[attr]时，将选择所有具有至少一个名为tag的子元素的attr元素。另一方面，使用//tag[@att
android布局xml文件中的?android:attr/和?attr/有什么区别？在不同的情况下我们应该使用哪一个？ 最佳答案 1。 ?attr/ 定义并引用您在应用程序中自行定义的属性的值。 2
如果 obj 不存在 obj? 生成一个 nil 所以 obj?.attr 也是。 如果 obj 为 nil，则 obj!.attr 崩溃。 但是如果我确定 obj 在代码的某个点总是存在，那么对我来
有一个这样的 HTML。 Back 1 2 3 Next 为了获得最大的页数，我写了这篇文章。 doc = Nokogiri::HTML(html) doc.xpath('//
我想知道这些标签在 android xml 中如何工作。例如在造型方面 style="?android:attr/buttonBarButtonStyle" 和 style="@android:att
这是我的代码: $("input[name=donationmode]").change(function() { $(".setpaymentOptions").children().add
我已经搜索了一段时间，但没有找到我正在搜索的内容。 事情是这样的，我有两张表，我们称它们为表 A 和 B。当 A 更新时，我需要更新 B 中的属性。例如:A. 电子邮件和 B. 电子邮件。当用户在 A
大家好，在访问一个循环的 php 变量时遇到了一个小问题。我的脚本循环使用来自 mysql 数据库的 x 和 y。它还循环出我无法访问的 id，它显示为未定义。我正在使用鼠标移开功能来检测已循环的每个
我将自己的标签转换为输入。我可以使用 select 为输入选择只读/禁用。我做到了。有用。但不是在 ie8 )). 我阅读了 Angular 和 IE8 的官方文档。我添加了它。但是我的应用程序在 i
我正在使用令人惊叹的 attrs 库以一种非常优雅的方式定义许多对象属性，到目前为止它一直运行得非常棒。 我目前遇到的唯一问题是，有时我想通过引用其他 attr.ib() 属性来定义默认值。如果 na
我注意到 javascript 有几种方法来设置和获取元素的属性。 我不确定它们之间有什么区别。特别是，是否存在跨浏览器问题。 最佳答案 DOM 元素的特性和属性有很大不同，这种差异是一些混淆的根源。
在 4.x 设备上，使用 ?android:attr/selectableItemBackgroundBorderless 的布局文件会导致崩溃，但 ?attr/selectableItemBackg
.attr('disabled', 'disabled') 和 .attr('disabled', true) 在我的代码中都有效，但我只是想知道:两者中哪一个更有效和/或哪一个更常用？真的有区别吗？
我是一名优秀的程序员,十分优秀！