TOGOUTECH

angularjs-directive

全部标签

javascript - 指令,包装内容并将属性保留在原始元素上

我在创建一个包装指令所应用的元素(及其子元素)的指令时遇到了一些麻烦。考虑到AngularJS中许多其他常见的事情是多么容易,我不明白为什么这个看似常见的场景会如此困难,所以很可能是我在这里遗漏了一些东西。我想做的是将一个选择元素包装在一个div中。我正在使用transclude来保留原始选择元素及其内容,但我无法使其正常工作。HTML看起来像这样:<selectmlb-selectng-options="opt.valasopt.textforoptinmlb"ng-model="mlbOpt"></select>我的指令是这样

javascript - 自定义指令中的自动增量值

我的自定义指令模板中有一个关于自动递增数字的问题。我需要的功能是在单击按钮时添加动态HTML内容。主.html<divclass="addTemplateContainer{{dataPoint.id}}"></div><divant-add-template-buttonparent="addTemplateContainer{{dataPoint.id}}"></div>指令-ant-add-template-button.jsapp.directive('antAddTemplateButto

javascript - 如何访问指令链接中的 Controller 功能?

如何从指令链接访问指令Controller函数?传递给链接的波纹管Controller是空的,我想在其中加入show()hide()函数。我当前的指令:app.directive('showLoading',function(){return{restrict:'A',//require:'ngModel',scope:{loading:'=showLoading'},controller:function($scope,$element){return{show:function(){alert("show

javascript - 基于字符串数组的 AngularJS 过滤器?

我很难思考如何使用Angular过滤器来解决我遇到的问题。这是我的数据结构的一个基本示例,任务数组:vartasks=[{Title:"Thisisatasktitle",Tags:["Test","Tag","One","Two","Three"]},{Title:"Anothertesttagtitle",Tags:["Some","More","Tags"]},{Title:"Onemore,whynot"

javascript - AngularJS 指令不显示模板

这是我的AngularJs指令。它预期会在模板中显示div,但在代码运行时它什么也没显示。这是html<divng-app="SuperHero"><SuperMan></SuperMan></div>这是AngularJS指令varapp=angular.module('SuperHero',[]);app.directive('SuperMan',function(){return{restrict:'E',template:'<div>Hellofr

javascript - 在模板中访问 Angular Directive(指令)(元素)的文本

所以我关注thisEggHead.iotutorial在自定义组件上,我遇到了这个问题。声明指令时,例如:angular.module('myApp',[]).directive('myDir',function(){return{restrict:"E",controller:"myController",link:function(scope,element,attrs){scope.foo=element.text();},templateUrl:"myDirTemplate.html"}});模板是

javascript - 使用两种方式绑定(bind)从 Angular View 到 Controller 动态添加/创建对象到数组

我有一个Controller,Controller的模板/View如下,我的Controllerangular.module('myApp',[]).controller('myController',['$scope',function($scope){$scope.myObject={};}]);我的View<divclass="container"ng-app="myApp"><formname="myForm"novalidateng-controller="

javascript - 如何使用 Angular JS 将一个模型绑定(bind)到多个输入

我有一个用于MySQL日期字段的表单输入。例如:2015-01-31。我想让用户使用3种不同的表单输入来输入。一年一个,一个月一个,一天一个。显然ng-model不会开箱即用,因为我试图将日期字符串的一个部分绑定(bind)到每个输入。我很确定这样做的方法是再见创建三个“临时”范围变量/模型$scope.year;$scope.month;$scope.day;...然后以某种方式将它们组合/绑定(bind)到实际值。//Ifonlyitwerethiseasy!$scope.date=$scope.year+"-"+$scope.month+"-"+$

javascript - angular.js 监听按键作为按钮的快捷方式

我的第一个Angular应用程序是一个非常基本的调查工具。我有多个选择题,每个答案都有一个按钮,还有一个基本功能,可以在单击按钮时记录每个答案,如下所示:ng-click="logAnswer(answer.id)"我正在寻找的是能够将按键事件添加到文档中,该事件将监听1、2、3、4、5的键盘响应,该响应与按钮选择相匹配并调用相同的函数.在四处搜索时,一旦特定输入字段获得焦点,我只能找到与按键相关的响应,这对我没有帮助。我确实在这篇文章中找到了OP的回复Angular.jskeypresseventsandfactories这似乎在朝着正确的方向前进,但我就是不知道如何

javascript - 自定义指令链接中的 element.replaceWith 仅在第一次调用时有效

我是Angularjs的新手,对幕后的了解不多。基本上我想创建一个“E”扭结指令,基于Controller中的数据我动态创建html,就像整个“表”一样,以替换指令。我的html文件中的directve是这样的:<matrixrows></matrixrows>我的指令代码是这样的:angular.module('matrix',[.....]).directive('matrixrows',[...,function(...){return{restrict:'E',replace:true,require:&#