Questions tagged «angularjs»

loginService.islogged() 上面的函数返回类似“ failed”的字符串。但是，当我尝试运行然后对其执行功能时，它将返回以下错误 TypeError: Cannot read property 'then' of undefined 并且光标指示在connected之前和之后.then。 以下是全部功能： var connected=loginService.islogged(); alert(connected); connected.then(function(msg){ alert("connected value is "+connected); alert("msg.data value is "+msg.data); if(!msg.data.account_session || loginService.islogged()=="failed") $location.path('/login'); }); 更新 这是islogged()功能 islogged:function(){ var cUid=sessionService.get('uid'); alert("in loginServce, cuid is "+cUid); var $checkSessionServer=$http.post('data/check_session.php?cUid='+cUid); $checkSessionServer.then(function(){ alert("session check returned!"); console.log("checkSessionServer is "+$checkSessionServer); return $checkSessionServer; …

100 javascript  angularjs  promise 

我有一个这样声明的JS对象 $scope.items = {}; 我还有一个$ http请求，该请求用项目填充此对象。我想检测该项目是否为空，看来ng-show支持此项目。我输入 ng-show="items" 并且神奇地起作用了，我也想从控制器上做同样的事情，但是我似乎无法使它起作用，看来我可能不得不遍历该对象以查看它是否具有任何属性或使用lodash或下划线。 有其他选择吗？ 我确实尝试过 alert($scope.items == true); 但在创建对象并填充时$http，它始终返回false，因此它不能那样工作。

99 angularjs  angularjs-scope 

是否可以将参数传递给filter函数，以便您可以按任何名称进行过滤？ 就像是 $scope.weDontLike = function(item, name) { console.log(arguments); return item.name != name; };

99 javascript  angularjs  angular-filters 

将AngularJS作用域变量从指令传递到控制器的最简单方法是什么？我所看到的所有示例似乎都很复杂，难道没有一种方法可以从指令访问控制器并设置其作用域变量之一吗？

99 angularjs  angularjs-directive  ng-controller 

在Angular中是否可以通过验证<input>表单的类似方式来验证单个隔离对象？我正在考虑这样的事情： <div class="form-group"> <input name="myInput" type="text" class="form-control" ng-model="bindTo" ng-maxlength="5"> <span class="error" ng-show="myInput.$error.maxlength">Too long!</span> </div> 上面的示例不起作用。将其包含在中<form>并替换ng-show为ng-show="myForm.myInput.$error.maxlength"帮助。 不使用就可以做到这一点<form>吗？

99 angularjs  validation 

是的，我知道您在想什么-另一个CORS问题，但是这次我很困惑。 因此，开始时，实际的错误消息为： XMLHttpRequest无法加载http：//localhost/Foo.API/token。当请求的凭据模式为'include'时，响应中'Access-Control-Allow-Origin'标头的值不得为通配符'* '。因此，不允许访问源' http：// localhost：5000 '。XMLHttpRequest发起的请求的凭据模式由withCredentials属性控制。 我不确定凭证模式的含义是'include'吗？ 因此，当我在邮递员中执行请求时，没有遇到这样的错误： 但是，当我通过我的angularjs Web应用访问相同的请求时，我为这个错误感到困惑。这是我的angualrjs请求/响应。如您所见，响应为OK 200，但我仍然收到CORS错误： 提琴手的请求和响应： 下图演示了Web前端对API的请求和响应 因此，根据我在网上阅读的所有其他帖子，似乎我在做正确的事情，这就是为什么我无法理解该错误的原因。最后，这是我在angualrjs（登录工厂）中使用的代码： API中的CORS实现-参考目的： 方法1： public static class WebApiConfig { public static void Register(HttpConfiguration config) { EnableCrossSiteRequests(config); } private static void EnableCrossSiteRequests(HttpConfiguration config) { var cors = new EnableCorsAttribute("*", "*", "*") { SupportsCredentials = true }; config.EnableCors(cors); } …

99 javascript  c#  angularjs  cors  asp.net-web-api2 

我有这种形式：http : //jsfiddle.net/dfJeN/ 如您所见，输入的名称值是静态设置的： name="username" ，表单验证可以正常工作（添加一些内容并从输入中删除所有文本，必须显示一个文本）。 然后，我尝试动态设置名称值：http : //jsfiddle.net/jNWB8/ name="{input.name}" 然后我将其应用于我的验证 login.{{input.name}}.$error.required （此模式将在ng-repeat中使用），但我的表单验证已损坏。它在我的浏览器中已正确解释（如果检查元素，我看到login.username。$ error.required）。 任何想法 ？ 编辑：在控制台中记录范围后，似乎 {{input.name}} 表达式不是内插的。我的表单是{{input.name}}属性，但没有用户名。 更新：由于1.3.0-rc.3 name =“ {{input.name}}”“可以正常工作。请参阅＃1404

98 angularjs 

我有一个使用Bootstrap标记的表单，如下所示： <form class="form-horizontal"> <fieldset> <legend>Legend text</legend> <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> <p class="help-block">Supporting help text</p> </div> </div> </fieldset> </form> 那里有很多样板代码，我想简化为一个新指令-form-input，如下所示： <form-input label="Name" form-id="nameInput"></form-input> 产生： <div class="control-group"> <label class="control-label" for="nameInput">Name</label> <div class="controls"> <input type="text" class="input-xlarge" id="nameInput"> </div> </div> 我通过一个简单的模板完成了很多工作。 angular.module('formComponents', []) .directive('formInput', function() { return …

98 javascript  angularjs 

如果我有一个指令可以响应示波器上特定属性的状态，并且我想在测试中更改该属性并验证其是否正确响应，那是进行此更改的最佳方法？ 我已经看过这两种模式： scope.$apply(function() { scope.myAttribute = true; }); 和 scope.myAttribute = true; scope.$digest(); 它们之间有什么区别，哪个更好，为什么？

98 angularjs  angularjs-directive 

我期待在Stackoverflow上看到这个问题，但是没有。显然，我是唯一出现此问题的人，在我看来这很普遍。 我正在执行一个基本项目，但是即使到目前为止我所做的一切似乎都是正确的，但是路线似乎也没有用。 我的文件中有这段html index.html： <html> <head ng-app="myApp"> <title>New project</title> <script src="https://code.angularjs.org/1.6.0/angular.min.js"></script> <script src="https://code.angularjs.org/1.6.0/angular-route.min.js"></script> <script src="app.js"></script> </head> <body> <a href="#/add-quote">Add Quote</a> <div ng-view ></div> </body> </html> 这是我的app.js： var app = angular.module('myApp', ['ngRoute']); app.config(['$routeProvider', function ($routeProvider) { $routeProvider .when('/add-quote', { templateUrl: 'views/add_quote.html', controller: 'QuoteCtrl' }) .otherwise({ redirectTo: '/' }); }]); 现在，当我刚访问页面时，这是我从URL中获得的内容： http：// …

98 angularjs  angular-routing  ngroute  angularjs-ng-route  angularjs-1.6 

这是我的HTML： <input id="selectedDueDate" type="text" ng-model="selectedDate" /> 当我在框中输入内容时，该模型会通过2向绑定机制进行更新。甜。 但是，当我通过JQuery执行此操作时... $('#selectedDueDate').val(dateText); 它不会更新模型。为什么？

98 javascript  jquery  angularjs  data-binding  angular-ngmodel 

这是我第一次尝试使用ui-router。 这是我的app.js angular.module('myApp', ['ionic']) .run(function($ionicPlatform) { $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) if(window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); } if(window.StatusBar) { StatusBar.styleDefault(); } }); }) .config(function($stateProvider, $urlRouterProvider){ $urlRouterProvider.otherwise("/index.html"); $stateProvider.state('index', { url: '/' template: "index.html", …

98 angularjs  angular-ui-router 

我想在材料设计中使用离子。我被困在将离子指令与自定义CSS和angular-material结合使用之间 我已经读到，使用离子指令，我们可以获得许多有效的功能，例如 即使导航到其他视图并返回到页面，也可以使用UI-router记住应用数据 离子列表项仅在显示高度时呈现，并在向下或向上滚动时重新使用 并改善了许多性能。 但是，如果我使用离子指令，则它们没有材料设计。 如果我使用角形材料，则不会获得这些性能改进，也不会具有移动应用程序所需的其他功能。 角材料指令就像 <md-list> <md-item ng-repeat="item in items"> Hello, {{item}}! </md-item> </md-list> 离子指令就像 <ion-list> <ion-item ng-repeat="item in items"> Hello, {{item}}! </ion-item> </ion-list> 看起来Ionic正在资助角材料项目的开发，那么为什么角材料与离子材料不兼容？ 如何在不损失离子性能和特性的情况下使用角材料组件？ 要么 使用离子材料设计会更好吗？

98 javascript  angularjs  ionic-framework  ionic2  material-design 

我正在使用Django Rest Framework和AngularJs上传文件。我的视图文件如下所示： class ProductList(APIView): authentication_classes = (authentication.TokenAuthentication,) def get(self,request): if request.user.is_authenticated(): userCompanyId = request.user.get_profile().companyId products = Product.objects.filter(company = userCompanyId) serializer = ProductSerializer(products,many=True) return Response(serializer.data) def post(self,request): serializer = ProductSerializer(data=request.DATA, files=request.FILES) if serializer.is_valid(): serializer.save() return Response(data=request.DATA) 由于post方法的最后一行应返回所有数据，因此我有几个问题： 如何检查里面是否有东西request.FILES？ 如何序列化文件字段？ 我应该如何使用解析器？

98 python  django  angularjs  django-rest-framework 

我在尝试实现Bootstrap Modal窗口时一直收到此错误。可能是什么原因造成的？我已经从http://angular-ui.github.io/bootstrap/#/modal复制/粘贴了所有内容。

97 javascript  angularjs  modal-dialog