Tag: angularjs

无法parsing“…”状态: 这是我第一次尝试使用ui路由器。这是我的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", controller: 'loginCtrl' }); $stateProvider.state('register', { […]

如何响应点击AngularJS指令中的checkbox？: 我有一个AngularJS 指令，呈现下列模板中的实体的集合： <table class="table"> <thead> <tr> <th><input type="checkbox" ng-click="selectAll()"></th> <th>Title</th> </tr> </thead> <tbody> <tr ng-repeat="e in entities"> <td><input type="checkbox" name="selected" ng-click="updateSelection($event, e.id)"></td> <td>{{e.title}}</td> </tr> </tbody> </table> 正如你所看到的，它是一个<table> ，每行可以用自己的checkbox单独select，或者所有的行可以用位于<thead>中的主checkbox一次select。很经典的用户界面什么是最好的办法： select一行（即选中checkbox时，将所选实体的ID添加到内部数组中，并将CSS类添加到包含实体的<tr>以反映其所选状态）？一次select所有行？（即对<table>中的所有行执行之前描述的操作）我目前的实施是添加一个自定义控制器到我的指令： controller: function($scope) { // Array of currently selected IDs. var selected = $scope.selected = []; // Update the selection when […]

dynamic分配模型: 我试图从一个对象数组中生成一组checkbox。我打算让checkboxdynamic地将其ng模型映射到将被提交到数组中的新对象的属性。我想到的是类似的东西 <li ng-repeat="item in items"> <label>{{item.name}}</label> <input type="checkbox" ng-model="newObject.{{item.name}}"> </li> 这不能在JSFiddle上看到： http://jsfiddle.net/GreenGeorge/NKjXB/2/ 任何人都可以帮忙吗？

用ng-click单击checkbox不会更新模型: 点击一个checkbox并调用ng-click：模型在ng-click开始前没有更新，所以在UI中错误地显示了checkbox的值：这在AngularJS 1.0.7中工作，似乎在Angualar 1.2-RCx中被破坏。 <div ng-app="myApp" ng-controller="Ctrl"> <li ng-repeat="todo in todos"> <input type='checkbox' ng-click='onCompleteTodo(todo)' ng-model="todo.done"> {{todo.text}} </li> <hr> task: {{todoText}} <hr><h2>Wrong value</h2> done: {{doneAfterClick}} 和控制器： angular.module('myApp', []) .controller('Ctrl', ['$scope', function($scope) { $scope.todos=[ {'text': "get milk", 'done': true }, {'text': "get milk2", 'done': false } ]; $scope.onCompleteTodo = function(todo) { console.log("onCompleteTodo -done: " + todo.done + […]

清除历史logging和使用Ionic Frameworklogin/注销重新加载页面: 我是Ionic开发移动应用程序的新手。在login和注销时，我需要重新加载页面，以刷新数据，但是， $state.go('mainPage')将用户带回到视图而不重新加载 – 它后面的控制器从不被调用。有没有办法清除历史并重新载入离子状态？

在指令中更改鼠标hover的类: 我有麻烦的工作如何获得一个类更改嵌套指令。这是外部重复 <div data-courseoverview data-ng-repeat="course in courses | orderBy:sortOrder | filter:search" data-ng-controller ="CourseItemController" data-ng-class="{ selected: isSelected }"> 下面是使用另一个指令的内部ng-repeat <li data-ng-repeat="item in social" class="social-{{item.name}}" ng-mouseover="hoverItem(true);" ng-mouseout="hoverItem(false);" index="{{$index}}"><i class="{{item.icon}}" box="course-{{$index}}"></i></li> 这是im调用hover事件的指令 ecourseApp.directive("courseoverview", function() { return { restrict : 'A', replace: true, /*scope: { index: '@' },*/ transclude: true, templateUrl: "views/course-overview.html", link: function link(scope, element, attrs) { scope.switched […]

AngularJS：factory $ http.get JSON文件: 我正在寻找与硬编码的JSON文件本地开发。我的JSON文件如下（放入JSONvalidation器时有效）： { "contentItem": [ { "contentID" : "1", "contentVideo" : "file.mov", "contentThumbnail" : "url.jpg", "contentRating" : "5", "contentTitle" : "Guitar Lessons", "username" : "Username", "realname" : "Real name", "contentTags" : [ { "tag" : "Guitar"}, { "tag" : "Intermediate"}, { "tag" : "Chords"} ], "contentAbout" : "Learn how to play guitar!", "contentTime" : [ […]

AngularJS格式的JSONstring输出: 我有AngularJS应用程序，它从input中收集数据，使用JSON.stringify()将模型转换为string，并让用户编辑此模型，以便在更新<textarea>元素时更新input字段，反之亦然。某种双向绑定:) 问题是，string本身看起来很丑，我想格式化它看起来像这样：现在看起来不像它：任何想法如何可以实现？如果你需要一些额外的信息 – 不要犹豫，问。每一个答案都高度赞赏和立即回答。谢谢。 PS我想这应该是某种指令或自定义filter。数据本身不应该被改变，只有输出。

如何检查一个有angular度的$ q承诺是否被解决: 我明白，通常在使用promise的时候，只需要使用then()调用和连锁行为来附加延续代码。但是，我想要启动承诺封装的asynchronous调用，然后单独启动一个3秒的$timeout()以便我可以执行UI操作，只有在原始承诺尚未完成的情况下。（我预计这只会发生在连接速度慢，3G上的移动设备等）有了承诺，我可以检查是否完整或没有阻塞或等待？

在工作时，Angular $ q.q怎么样？: 有人可以解释我在AngularJS上工作时怎么样？我试图分析$http如何工作，发现这一点： var promise = $q.when(config); 这里是来自Chrome控制台的configuration对象： Object {transformRequest: Array[1], transformResponse: Array[1], cache: Object, method: "GET", url: "/schedule/month_index.html"…} cache: Object headers: Object method: "GET" transformRequest: Array[1] transformResponse: Array[1] url: "/schedule/month_index.html" __proto__: Object 接下来发生什么？如何解决或拒绝这个对象？