草庐IT

angularjs-ng-pattern

全部标签

javascript - 更改 URL 时如何更新 AngularJS 指令?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:SetactivetabstylewithAngularJS我正在使用AngularJS并尝试在显示该选项卡的内容时向我的菜单添加一个“当前”类。这是我目前所拥有的,并且在加载页面时工作正常:HTML:OneTwoJS:myModule.directive('highlighttab',function($location){varcurrentPath="#"+$location.path();return{restrict:'C',link:function(scope,element,attrs){va

javascript - Angular 指令不在 ng-repeat 内部求值

我有以下设置:应用/指令varapp=angular.module("MyApp",[]);app.directive("adminRosterItem",function(){return{restrict:"E",scope:{displayText:"@"},template:"{{displayText}}",//shouldIhavethis?link:function(scope,element,attrs){//WhatdoIputhere?Idon'tseemtohaveany//elementtoinitialize(setupeventhandlers,forexa

javascript - 输入框中的 Angularjs 货币格式与 ng-model : how to get $formatters to fire on each input

我到处找这个。每个有答案的堆栈溢出,实际上都不起作用。与forangular的任何示例或谷歌组示例相同,包括文档。看起来很简单。我希望针对用户按下的每个键的输入调用一个函数。使用ng-model的简单输入根据我阅读的所有内容。$formatters应该将模型中的值更新为调用$formatters数组中的任何函数的View。当我在输入框中输入时,他们永远不会被调用。.directive('formatter',function($filter,$parse){return{require:'ngModel',link:function(scope,element,attrs,ngMode

javascript - Angularjs groupBy + orderBy

我正在使用来自angular-filter的groupBy按日期属性对对象数组进行分组。{{day|date:mediumDate}}产生以下内容:Feb9,2015Feb10,2015Feb11,2015Feb12,2015如何将顺序从最近的日期开始?当我打印到控制台时,数组以我想要的顺序打印:Object{1423699200000:Array[1],1423612800000:Array[7],1423526400000:Array[11],1423440000000:Array[1]}我还写了一个自定义过滤器来反转groupBy之后的顺序:.filter("reverseOrd

javascript - Angular.js 和 ng-switch-when - 模拟枚举

为了某种类型安全,我想在我的Controller逻辑中引入一些枚举,所以例如我创建了这样的东西:varapp=angular.module('myApp',[]);varStateEnum=Object.freeze({"login":1,"logout":2})functionLoginCheckCtrl($scope){$scope.stateEnum=StateEnum$scope.loginData=StateEnum.login$scope.login=function(){console.log($scope.loginData?'loggedin':'notloggedi

javascript - 使用 AngularJS 的数据表中的单元格按钮

我正在使用angularjs构建网站,并从网络服务获取数据。我需要将该数据填充到数据表并为每一行创建一个编辑按钮。经过一番调查,我想出了this问题是ng-click无法正常工作,可能是因为我需要编译注入(inject)到表格单元格中的html。我已经尝试了几种方法,但不幸的是我对Angular还是很陌生,我似乎不明白我如何才能做到这一点。我真的需要这方面的帮助。这是我的指令:dialogApp.directive('myTable',function($compile){return{restrict:'E,A,C',link:function(scope,element,attrs

javascript - AngularJs:根据路线隐藏导航栏元素?

我正在尝试找出如何根据路线或当前显示的View在我的导航栏中显示或隐藏元素。例如,当用户在搜索表单上时,我有一个基本/高级切换按钮,我将它放在导航栏(Bootstrap3)中。但是当他们在应用程序的其他任何地方时,切换按钮应该被隐藏。就DOM而言,它只是构建导航的列表项。我不确定是否应该根据在每个View上设置的全局值显示或隐藏,或者我是否可以只使用路由或View名称。如果是这样,那将如何运作?谢谢! 最佳答案 一种解决方案是在负责导航栏的Controller中构建一个函数,可以查询该函数以确定是否应显示该元素:$scope.isA

javascript - 如何使用 AngularJS 在 Kendo 网格列模板中使用函数

我在Kendo网格中有一个列,我想在渲染时执行一些特定的逻辑,并且我正在使用Angular。我使用k-columns指令设置了网格列。看了thedocumentation之后,这看起来很简单:我可以将模板选项添加到我的列中,定义函数来执行我的逻辑,然后将dataItem值传入。我所拥有的看起来像这样:k-columns='[{field:"Name",title:"Name",template:function(dataItem){//PerformlogiconvaluewithdataItem.Name//Returnastring}}]'但是,运行它会导致出现语法错误,提示在我的

javascript - DIV 上的 ng-blur

我试图在模糊时隐藏一个DIV(焦点已从DIV中移除)。我正在使用Angular和Bootstrap。到目前为止,我已经尝试在DIV显示时设置“焦点”,然后在用户单击屏幕上的任何其他位置时设置ng-blur功能。这是行不通的。基本上问题是我无法通过JS将焦点设置在我的“#lockerBox”上,当焦点给予我的时,我的“hideLocker”功能没有问题>DIV点击它。$scope.displayLocker=false;$scope.showLocker=function(result){$scope.displayLocker=!$scope.displayLocker;node.di

javascript - 错误 : [ng:areq] Argument 'MyCtrl' is not a function, 未定义

我是Angularjs的新手,我正在学习教程,但我在标题中遇到了错误。HTML代码:IDNameSurnameHouseAddressLocalityContactContact2Contact3ReplyEdit{{person.ID}}{{person.Name}}{{person.Surname}}{{person.House}}{{person.Address}}//DefiningaAngularmodulevarmyApp=angular.module('myApp',[]);//DefiningaAngularControllermyApp.controller('MyC