Tag: angularjs

Angular JS未被捕获的错误：: 我有一个问题与angularJS接收到一个错误：未捕获的错误：[$注射器：modulerr]。我的JS文件看起来 angular.module('MyApp', ['ngRoute']); angular.module('MyApp',['ngResource']); function TwitterCtrl($scope,$resource){ } 我还包括angular度路由 – js <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-route.min.js"> Angular文档说这个问题是http://docs.angularjs.org/api/ngRoute

AngularJSfilter完全匹配: 我需要按类别筛选项目列表。我希望用户能够点击一个button，然后将filter应用到列表中。目前，我在一定程度上有这个工作。比方说，我有一个电影列表，如下所示： <li ng-repeat="movie in movieList | filter:filters">{{ movie.title }}</li> 而且我还有一个电影stream派的列表（呈现为button，点击时会过滤电影列表）呈现如下： <li ng-repeat="genre in genres"> <a ng-click="filters.genre = genre.name" ng-click='changeGenre(genre.name)'>{{genre.name}}</a> </li> （所有'changeGenre（）'函数都会更新范围以显示当前正在查看的types）。现在这个工作正常，直到我有一个情况，说我有2种types：“行动”和“行动冒险”。当我用stream派“动作”过滤电影时，我不仅获得了动作电影列表，还获得了动作冒险电影。有没有一种方法可以使用filter进行精确匹配？

如何用angularJS分割一个string: 我想知道我是否可以简单地在angularJS中分割一个string。我有我的 $scope.test = "test1,test2"; 在我的控制者和我的观点中，我想要做这样的事情 {{test[0] | split(',')}} {{test[1] | split(',')}} 我已经看到很多关于input和ng-change在控制器中调用一个函数来分割string或ng-list，但在我的情况下没有任何作用。 thx所有。

错误：用于指令“myFacebook”的expression式'undefined'是不可分配的: 我正在写一个angularjs的指令，并得到上述错误。我正在使用书中的代码。 .directive('myFacebook', [function(){ return { link: function(scope,element,attributes) { (function(d) { var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; if (d.getElementById(id)) { return; } js = d.createElement('script'); js.id = id; js.async = true; js.src = "//connect.facebook.net/en_US/all.js"; ref.parentNode.insertBefore(js, ref); }(document)); // Initialize FB window.fbAsyncInit = function() { FB.init({ appId: 'xxxx', //birthday reminder status: true, // check […]

AngularJS CORS问题: 我已经search了超过200个网站（可能夸大，但不是太多），如何能够与angularjs处理cors。我们有一台运行Web API服务器的本地机器。我们正在开发一个调用API数据的客户端。从服务器运行客户端时，我们收到的数据没有问题。当我们从一个不同的域运行它时，我们在获取数据和空白响应时会得到一个红色的200响应。这里是一些代码： var myApp = angular.module('Project', ['ngResource']); myApp.config(function($routeProvider){ $routeProvider. when('/new', {templateUrl:'templates/new.html', controller:'EditProjectController'}). when('/mobile', {templateUrl:'templates/mobile.html', controller:'ProjectController'}). when('/it', {templateUrl:'templates/it.html', controller:'ProjectController'}). when('/writing', {templateUrl:'templates/writing.html', controller:'ProjectController'}). when('/all', { templateUrl: 'templates/all.html' }). when('/login', { templateUrl: 'partials/_login.html' }). otherwise({ redirectTo: '/all' }); }); myApp.config(['$httpProvider', function ($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; } ]); myApp.controller('ProjectController', function myApp($scope, […]

在PhoneGap上Angularjs / Javascript应用程序的最佳数据持久性？: 我正在寻找在PhoneGap应用程序上的Angularjs数据持久性的最佳做法。我在这个上面使用了Ionic Framework，但是与这个问题无关，因为它只是build立在Angular＆Cordova之上。我喜欢Angular在数据持久性解决scheme上保持灵活性，因为它是一个非专门的混合应用程序框架的Web框架，所以这很有道理……想知道人们是如何解决这个问题的。这里有一个概述：要求将本地数据库添加到预编译数据的应用程序版本。这将超过5MB的数据限制。启动时从本地数据库加载数据。将更新的数据保存到本地数据存储库以进行持久化如果可能的话，优先select无模式。简单的查询界面。我可以将所有的数据加载到内存中，只要使用标准的Angularfilter就可以了，只要性能很好。对象查询接口…像一个类似于ActiveRecord的ORM，而不必在我的应用程序中编写SQL。未来的certificate。每次构build需要数据持久性的应用程序时，我都不想重新发明轮子。也想select更标准的东西，如果可能的话，我可以继续使用它在未来…像Indexeddb的东西在这里是有道理的。选项我一直在看下面的选项。你能提供任何这些反馈吗？ Breezejs – 看起来更专注于服务器。有一个SQLite接口？ YDN-DB – 看起来像一个选项，但似乎有些晦涩的比较其他一些选项。 JayData – 这仍然是活跃的？关注它的商业方面。 Persistencejs – 这看起来很有希望。该项目是否仍然活跃？ ngStorage – 这只是一个localStorage接口？它解决了5M限制吗？ Angular-cache – 我可以用这个预加载数据吗？我可以坚持多久数据？ localForage – 对此不太了解。它解决了5M限制吗？ Pouchdb – 关注查询语言。不解决5M的限制 Couchdb Lite – 关注查询语言。 […]

使用Bower更新包: 我正在尝试更新angular度1.0.5到1.0.6。我使用Yeoman，当试图更新它正在安装1.0.5。我清除了caching（删除了〜/ .bower中的所有内容），仍然得到下面的日志。我检查了回购，它有1.0.6。有没有办法，我可以把它更新到1.0.6。 bower update angular bower cloning git://github.com/angular/bower-angular.git .. bower installing angular#v1.0.5 bower info angular angular Versions: – v1.0.6 – v1.0.5 – v1.0.4 – v1.0.3 $ bower –version 0.8.5 yo –version 1.0.0-beta.3

如何在一个指令的链接函数中testing行为: 在我的一些指令中，我将函数添加到作用域以处理指令的特定逻辑。例如： link: function(scope, element, attrs) { scope.doStuff = function() { //do a bunch of stuff I want to test } } 我如何去testing这个function？我search了一下如何testing一个指令，但是我发现的东西更多的是testing元素的变化。我可以在每次testing之前编译我的指令，但每次都会消除我的范围。我想testing作为我的范围更改中的属性函数。有什么办法来获得从指令定义中返回的对象吗？然后，我可以直接调用链接函数，并testing范围中定义的每个函数的行为。有没有更好的方法来做到这一点？我正在使用Jasmine来运行我的testing，我想在我的范围设置在describefunction，所以我可以有多个function相同的范围数据。

用ng-transclude在指令中重复ng-repeat: 我想在内容发生变化时创build一个包含自定义行为的列表。我尝试为此创build一个指令，但是如何将ng-transclude和ng-repeat指令结合起来，我有些遗憾。有人可以让我走上正轨吗？ HTML： <div ng-app="myApp"> <div ng-controller="ctrl"> <mylist items="myItem in items"> <span class="etc">{{myItem}}</span> </mylist> </div> </div> 使用Javascript： angular.module('myApp', []) .controller('ctrl', function ($scope) { $scope.items = ['one', 'two', 'three']; }) .directive('mylist', function () { return { restrict:'E', transclude: 'element', replace: true, scope: true, template: [ '<ul>', '<li ng-repeat="WhatGoesHere in items" ng-transclude></li>', '</ul>' ].join(''), link: function […]

Angular $ http vs service vs ngResource: 我想了解使用简单的$ http请求到服务器和/或在服务中使用ngResource对象（除了关于RESTful资源的显而易见）包装该请求的优点/缺点。根据我的理解，$ http请求是低级的，但是非常灵活和可configuration，而在处理RESTful API时，ngResource对象使得通信非常简单。我想我正在查询的是一个非常简单的场景，比如说从服务器中获取数据（对象数组的GET请求）只是简单地使用$ http请求而不是将其包装在一个服务中（应该总是这样吗？）或使用ngResource对象？任何想法在这里将不胜感激。例如，一个$ http响应可以被caching，一个ngResource可以吗？谢谢。