草庐IT

angularjs-module

全部标签

javascript - ngrepeat 中的 Angularjs 动态指令

看例子:$scope.fields=[{name:'Email',dir:"abc"},{name:'List',dir:"ddd"}];app.directive('abc',function(){});app.directive('ddd',function(){});我如何编写代码,p.dir将动态转换为指令?我的例子:hhttp://jsbin.com/vejib/1/edit 最佳答案 试试这个指令:app.directive('dynamicDirective',function($compile){return{res

javascript - AngularJS - 仅在 ng-change 上触发 $timeout 事件一次

我在绑定(bind)到范围变量的html输入字段上有一个ng-change。varchange=function(){redraw_graph()}现在,当我更改输入框时,它会为我输入的每个新字符重新绘制图形。我想要延迟(N秒),所以在ng-change事件触发之前,angular会等待用户完成输入。如果触发了多个ng-change事件,它会取消较早的事件,只执行最新的事件。我已将延迟与超时结合起来,但在N秒后,ng-change事件仍然触发不止一次。我以前解决过这个问题,但我目前不知道该怎么做。 最佳答案 对我来说,您所要求的似乎

javascript - AngularJS 指令观察父大小变化

问题我有一个简单的指令,可以对特定元素执行大小更新。这会监window口大小并相应地进行调整。MyApp.directive('resizeTest',['$window',function($window){return{restrict:'AC',link:function(scope,element){varw=angular.element($window);scope.$watch(function(){return{'h':w.height(),'w':w.width()};},function(newValue,oldValue){//resizinghappensher

javascript - 相当于 hasAttribute() 的 AngularJS?

在指令中,我想在对元素执行某些函数之前检查它是否具有属性。但我在jqLitedocs中没有看到为此做的任何事情.例如:.directive('noReadonly',function(){return{link:function($scope,$element,$attr,ctrl){$element.on('focus',function(){if($element.hasAttribute('readonly'))$element.removeAttr('readonly');});},}}) 最佳答案 $attr是一个具有属性

javascript - AngularJS Ng-重复和重复

我在SO中看到很少有问题讨论在ng-repeat中不允许重复。我的问题有点不同。就我而言,我很困惑,因为我即使数组中有重复的对象也没有收到错误这是我的HTML代码{{item.email}}下面是填充数组的代码app.controller('MainCtrl',function($scope){$scope.items=[];$scope.items.push({"id":"1","email":"a@b.com"});$scope.items.push({"id":"1","email":"a@b.com"});$scope.items.push({"id":"2","email":

javascript - 如何在 AngularJS 中管理 404 错误加载指令模板

在AngularJS指令中,templateUrl参数是动态定义的。'templates/'+content_id+'.html'我不想建立规则来检查content_id值是否有效并将其作为404错误进行管理,即如果模板不存在(加载模板时服务器返回404错误)改为加载template/404.html。我该怎么做?已编辑:当前答案建议使用响应错误拦截器。在这种情况下,我怎么知道响应是加载此模板? 最佳答案 您将需要编写响应错误拦截器。像这样:app.factory('template404Interceptor',function(

javascript - AngularJS - $location html5Mode 是如何工作的?

我问这个是因为现在有几次,我已经尝试使用$locationProvider.html5Mode(true)命令连同并在为我的项目调用脚本/样式/图像时遇到了很多错误。我想一定是我做错了什么,但是你是否应该遵循某种文件夹结构,这样你就不会遇到这些错误?或者是否有一种特定的方式来basehref我不太了解的作品?最近,我想在一个非常非常小的应用程序上尝试一下。它实际上是一个静态网站,但我想利用Angular的路由来确保所有页面都能立即加载。所以我的结构应该是这样的:my-projectcssimagesjsangularapp.jsapp.routes.jsmainCtrl.jsviews

javascript - 如何观察 react-native node_modules 的变化

当我运行react-nativestart或npmstart时,打包程序启动并提示LookingforJSfilesin/Users/map/repos/myrepo/我启用了热重载。当我更改位于/Users/map/repos/myrepo/node_modules/react-native/中的文件时,似乎检测到更改,但是如果我在第三方存储库中编辑文件,如/Users/map/repos/myrepo/node_modules/react-native-menu/看起来watchman没有检测到变化。我刚刚将项目中的ReactNative升级到0.39,我认为这不是以前的默认行为。

javascript - TypeError : __WEBPACK_IMPORTED_MODULE_0_react___default. a.createRef 不是函数

我是React.js的新手,刚才我正在学习React中ref的概念。他们在V16.3中有新的createRefAPI。我试图从REACTDOC's中学习这个像这样-importReactfrom"react";exportclassMyComponentextendsReact.Component{constructor(props){super(props);//createareftostorethetextInputDOMelementthis.textInput=React.createRef();this.focusTextInput=this.focusTextInput.

javascript - ionic 未捕获错误 : Cannot find module "." when importing a service provider

我正在尝试导入一个新的服务提供者,这是我在从我的ionic应用程序的最新分支中拉取后刚刚创建的。当我尝试导入这行代码时:import{AuthServiceProvider}from'../providers/auth-service'在app.module.ts中,我总是收到一条错误消息:UncaughtError:Cannotfindmodule"."atwebpackMissingModule(index.js:3)ate.code(index.js:3)atObject.(index.js:9)at__webpack_require__(bootstrap62d6a589782