angularjs-directive相关内容

如何使用html部分中的表达式更新ng-model的值

为什么 ng-model 的值没有用表达式更新.在 ng-model 被定义之前,值得到更新 当阶段2或阶段3发生变化时,值将立即更新 值不会更新 所以我想写一个指令来评估指令中的表达式并将输出更新为模型, 这是html,它看起来像 指令: myApp.directive('myModelValue', function(){返回 { ..

在 Angular.js 中以编程方式设置模型值

我是 angular-input-modified 指令的作者. 该指令用于跟踪模型的值并允许检查该值是否被修改,并且还提供了reset()函数将值更改回初始状态. 现在,模型的初始值存储在 ngModelController.masterValue 属性中,并且提供了 ngModelController.reset() 函数.请参阅实施. 我正在使用以下语句:eval('$sc ..
发布时间:2021-11-10 02:45:11 其他开发

触发自定义验证指令后,AngularJS ng-model 值丢失

我创建了一个自定义验证指令并在表单中使用它.可以正常触发,但是触发validation后,我发现模型值刚刚丢失.说我有 ng-model="project.key" 并且经过验证,project.key 不再存在于范围中.我想不知何故我理解 AngularJS 是错误的并且做错了. 代码会说话. 这是我的 html 页面: ... ..

输入指令中的 setViewValue 不更新实际可见的输入值

我已经为此抗争了将近两天.希望大家帮帮我. 总结: 我在以编程方式设置某些输入字段的视图值时遇到问题. 我有一个带有输入的表单,其值在删除表单之前保存(可能有多个元素和多个表单,用户可能会关闭表单,然后再重新打开).在重新打开表单时,我想恢复以前的视图值(主要原因是还要取回未保存在模型中的无效视图值).这不起作用. 如果我调用 ctrl.$setViewValue(previous ..
发布时间:2021-11-10 02:44:10 其他开发

如何使用 ngModel 在 angularjs 指令中手动重新运行格式化程序链?

Angular.js ngModel 能够声明一个 解析器和格式化程序.更多详细信息可以在 “如何在 angular.js 中进行双向过滤?"的精彩回答中找到? 现在格式化程序链只有在 ngModel 更新时才会运行.因此,如果您有第二个影响 viewValue 的输入参数(在其中一个格式化程序中使用),则不会触发视图的更新.就我发现 ngModel 仅使用一个简单的 $watch 而言类似 ..

即使条件为假,AngularJS ng-if 指令也会在删除元素之前短暂呈现

在下面的模板中,我希望脚本标签永远不会呈现,警报脚本永远不会执行.然而它确实如此. alert('should not run')不应该出现 这给我们在移动设备上造成了巨大的性能问题,因为我们在 ng-if 中包装了大型 DOM 和指令结构,期望它们在条件为假时不会呈现. 我也测试了 ng-switch 的行为方式相同. 这是预期的行为吗?有没有 ..

Angular Material datepicker 过滤器特定日期

有人可以解释一下如何使用 Angular Material 将自定义日期应用为过滤器,而不会导致该天的每周都可以选择吗? 我遵循了文档,可以让它在该周的特定日期工作,但它会导致同一天的每个星期都被过滤.所有文档似乎都强调这是允许/不允许用户使用日期选择器选择特定日期的必要功能. 解决方案 请看下面的代码.基本上,我所做的就是制作一个我们希望允许的日期数组.然后只使用 index of ..

Angular Material datepicker 过滤器特定日期

有人可以解释一下如何使用 Angular Material 将自定义日期应用为过滤器,而不会导致该天的每周都可以选择吗? 我遵循了文档,可以让它在该周的特定日期工作,但它会导致同一天的每个星期都被过滤.所有文档似乎都强调这是允许/不允许用户使用日期选择器选择特定日期的必要功能. 解决方案 请看下面的代码.基本上,我所做的就是制作一个我们希望允许的日期数组.然后只使用 index of ..

尝试使用来自指令的自定义代码使用双向数据绑定更改材料 md 选择的选项卡

我正在尝试使用代码更改选项卡,但似乎无法找出错误.如果我们使用控制器来更改变量,那么基本的事情是可行的,但是当我尝试通过指令绑定它时,它就坏了. var app = angular.module('MyApp', ['ngMaterial']);app.controller('HelloCtrl', function($scope) {$scope.selectedTab = 0;});app. ..

如何向 md-autocomplete angular material 指令添加验证属性

我使用的是 0.7.1 版的角度材料.我正在使用此处描述的自动完成功能:自动完成演示 然而,它似乎不支持验证逻辑,即使它生成了一个 textarea:自动完成指令文档 我想我可以在 querySearch 函数中添加逻辑来将 ng-valid 切换为 ng-invalid.这样对吗?如果是这种情况,那么我需要一个关于 md-autocomplete 的句柄,但这很困难,因为 name ..
发布时间:2021-11-10 01:56:09 其他开发

Angular Material mdTabs:是否可以有垂直标签?

我正在寻找从上到下显示且左侧有标签导航的标签.无论如何,这可以在 Angular Material 库中实现吗? 解决方案 This codepen by Rahul Sagore 使用 vanilla Material,不是专门用于 Angular,但它正是您想要的.我正在寻找和你一样的东西;很遗憾 Material 不提供此功能,但我可以看出这将如何违背他们的原则并使 Material ..
发布时间:2021-11-10 01:55:31 其他开发

如何在 md-select inside 指令中绑定到多个

尝试创建一个简单的指令,根据是否为范围上的 model 属性传递数组来显示文本框或下拉列表. 除了在指令标记中显式设置 false 之外的任何事情,例如 multiple="false",都会导致多选下拉列表. 为什么这不起作用?此外,md-select 值绑定不起作用(尽管文本框绑定起作用),我怀疑出于同样的原因. Plunkr 可在此处说明问题 消费者 ..

在角度材料设计中调整 sidenav 的大小栏.

角度材料中是否有调整 sidenav 大小的指令? 有一个 sidenav 显示客户端列表,右侧窗格包含客户端的详细信息.我正在尝试在它们之间添加一个调整大小栏. 我使用了以下 http://plnkr.co/edit/Zi2f0EPxmtEUmdoFR63B?p=preview 我在下面找到的 Angular JS 可调整大小的 div 指令 我尝试按照上面的 ..

Angularjs 相册

嗨,我正在使用 angularjs 制作一个相册应用程序,它从我的服务器获取 base-64 编码的图像字符串并将它们解码为图像. 问题是我的 angularjs 应用程序似乎无法解码 base64 字符串.在我的模板上,它显示未找到图像图标.当我像这样将它直接嵌入到模板时,我检查了 base64 字符串,它很好: ..

如何在控制器和指令之间共享服务动态数据

我想知道使用什么模式,如果我需要我的服务在控制器、指令等之间共享它的动态数据.我提到动态的原因是因为我想加载新数据和这些数据需要在任何其他控制器、指令等中可用.例如,如果指令生成 UL LI,如果服务内部的数据发生变化,则必须重新生成它! 我最初打开了以下(How在服务中创建 reset() 方法返回承诺? ),有人指出我应该使用观察者模式.我非常感激,我很快就写了这篇文章,因为我需要做的事 ..