草庐IT

angularjs-compile

全部标签

javascript - AngularJS 复选框 ng-change 问题与 $event.target

我正在编写一个简单的AngularJSController,用于跟踪选中的复选框的数量。尝试避免使用$scope.$watch而是使用ng-change来增加/减少总计数。HTML: {{item.name}}Totalchecked:{{totalSelected}}Controller片段$scope.updateTotal=function($event){varcheckbox=$event.target;if(checkbox.checked){$scope.totalSelected++;}else{$scope.totalSelected--;}}我在尝试访问$

javascript - Angularjs 缩小使用 grunt uglify 导致 js 错误

在angularjs中,我们将参数作为依赖注入(inject)传递。例如,functioncheckInCtrl($scope,$rootScope,$location,$http){…..….}所以当它被缩小时,它就变成了,functioncheckInCtrl(a,b,c,d){}现在a,b,c,d不会被Angular分别解释为$scope,$rootScope,$location,$http并且整个代码无法工作。为此angularjs提供了一种解决方案,就是checkInCtrl.$inject=['$scope','$rootScope',$location','$http']

javascript - 如何从 angularjs ng-route 中删除哈希#

我正在尝试使用locationProvider从angularjs中的url路由中删除主题标签,但它给了我错误。应用程序.jsvareclassApp=angular.module('eclassApp',['ngRoute','eclassControllers',]);eclassApp.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){$routeProvider.when('/',{templateUrl:'/html/student-list.html

javascript - AngularJS:将对象存储在 cookie 中,给出 [Object Object] 的结果

在将此用户对象发送到我的服务时,我试图将一组用户凭据存储在cookie中-this.SetCookie=function(user){$cookies.user=user;}但是,当我尝试检索这个cookie时,我得到的不是一个对象,而是一个字符串,上面写着“[ObjectObject]”我可以将所有用户凭据单独存储在他们自己的cookie中,我知道我可以做到这一点,但它似乎效率很低?有没有简单的解决方法?我为这个问题找到的最高结果与JQuery相关,但对我不起作用。 最佳答案 在Angular1.4中,我发现通过像这样创建cook

javascript - 是否可以使用 angularJs 将参数从一个状态传递到另一个状态?

我希望将一个参数从一个商店状态传递到产品状态中的显示产品信息:我的应用-storeApp.config(['$stateProvider',function($stateProvider){$stateProvider.state('store',{url:'/store',templateUrl:'store/store',controller:'storeCtrl'}).state('products',{url:'/products/:productSku',templateUrl:'store/product',controller:'productCtrl',resolve:

javascript - AngularJS + Django : URL refresh or direct access not loading correctly

我们将AngularJS嵌入到我们的Django应用程序中,并通过AngularJS处理URL路由ui-router.使用ui-sref在各部分之间导航并在应用程序内四处点击,一切正常。return$stateProvider.state('root.dashboard',{abstract:true,url:'dashboard/'}).state('root.dashboard.profile',{url:'profile/',views:{'@':{templateUrl:Urls['dashboard:profile'](),controller:'ProfileControl

javascript - AngularJS 中的登录页面

我有一个Web应用程序,其中所有交互都需要登录。我看到至少有两种在AngularJS中实现登录页面View的方法。一种是使用单独的View:假设我正在使用angular-ui-router并定义具有两种状态的顶级View:登录和仪表板。myApp.config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("/login");$stateProvider.state('login',{url:"/login",templateUrl:"partials/login.html"}).sta

javascript - AngularJS 指令函数的执行顺序

指令函数的执行顺序是什么?documentation似乎没有解决这个问题。前template/templateUrl(被评估)controllerFn编译FnlinkFn回答来自answer下面:http://plnkr.co/edit/79iyKSbfxgkzk2Pivuak(plunker显示嵌套指令和同级指令)模板已解析compile()(在编译过程中对模板所做的更改会扩展到链接函数)controller()preLink()postLink() 最佳答案 关于相关说明,这里是我对跨DOM的执行顺序的理解。Hereisadem

javascript - 如何避免 $compile :tpload errors on 401 status code response

我们正在使用AngularJS和ASP.NETMVCJsonRestAPI开发单页应用程序。当未经身份验证的客户端尝试导航到私有(private)路由(例如:/Foo/Home/Template)以获取模板时,它会自动从WebAPI和我们的AngularJS应用程序获得401响应将其重定向到登录页面。我们正在用$httpinterceptor处理401像这样:if(response.status===401){$location.path(routeToLogin);return$q.reject(response);}输入正确的凭据允许客户端获取模板。除一个细节外,一切正常;Java

javascript - 如何在 AngularJS 中声明子模块

在使用AngularJS处理大型项目时,我发现我喜欢按功能组织代码。这意味着当我有一些可识别的功能X(特别是如果它是可重用的)时,我创建目录X并将属于该功能的所有Controller、服务和其他部分放入其中。我还声明了一个名为X的新模块,并将目录X中的所有内容分配给该模块。目录结构看起来像这样:scripts/app.jscontrollers/services/directives/filters/X/controllers/services/directives/filters/在app.js中有一个主模块声明:angular.module('myApp',['X']);X/中的所