Questions tagged «angularjs»

我想知道将jQuery插件集成到我的angular应用程序中的正确方法是什么。我发现了一些教程和屏幕录像，但是它们似乎适合特定的插件。 例如：http : //amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs 我应该像这样创建指令吗？ App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName)); } }; }); 然后在html中调用脚本和指令？ <div directiveName ></div> <script type="text/javascript" src="pluginName.js"></script> 提前谢谢

217 jquery-plugins  angularjs 

我在Angular中有一个表单，其中有两个按钮标签。一键提交表单ng-click。另一个按钮仅用于使用进行导航ng-click。但是，当单击第二个按钮时，AngularJS会导致页面刷新，从而触发404。我在函数中删除了一个断点，并触发了我的函数。如果我执行以下任何操作，它将停止： 如果删除ng-click，该按钮不会导致页面刷新。 如果我注释掉函数中的代码，则不会刷新页面。 如果我使用将按钮标签更改为锚标签（<a>）href=""，则不会刷新。 后者似乎是最简单的解决方法，但是为什么AngularJS甚至在导致页面重新加载的函数之后运行任何代码？好像是个错误。 形式如下： <form class="form-horizontal" name="myProfile" ng-switch-when="profile"> <fieldset> <div class="control-group"> <label class="control-label" for="passwordButton">Password</label> <div class="controls"> <button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button> </div> </div> <div class="buttonBar"> <button id="saveProfileButton" class="primaryButton" ng-click="saveUser()">Save</button> </div> </fieldset> </form> 这是控制器方法： $scope.showChangePassword = function() { $scope.selectedLink = "changePassword"; };

217 javascript  angularjs 

如何$rootScope在以后要在另一个控制器中访问的控制器中存储变量？例如： angular.module('myApp').controller('myCtrl', function($scope) { var a = //something in the scope //put it in the root scope }); angular.module('myApp').controller('myCtrl2', function($scope) { var b = //get var a from root scope somehow //use var b }); 我该怎么做？

217 angularjs  angularjs-scope  angularjs-controller  rootscope 

因此，这里没有什么新内容，我只是想澄清一下，似乎在其他帖子中找不到任何内容。 我正在重新创建新资源，说： /books (POST) 与身体： { title: 'The Lion, the Witch and the Wardrobe', author: 'C. S. Lewis' } 我知道我应该返回带有新资源的Location标头的201（创建的）： Location: /books/12345 我似乎无法为自己回答的问题是服务器应该返回什么内容。 我经常这样做： { id: 12345, title: 'The Lion, the Witch and the Wardrobe', author: 'C. S. Lewis' } 我这样做有两个原因： 我已经为诸如angularjs的前端框架编写了api。在我的特定情况下，我使用的是角度资源，并且我通常只需要ID即可找到资源。如果我没有在响应正文中返回ID，则需要从Location标头中解析出该ID。 在所有书籍的GET中，我通常返回整个对象而不仅仅是id。从这个意义上说，我的客户代码不必区分从何处获取ID（位置标头或主体）。 现在我知道我真的在这里处于灰色地带，但是大多数人都说退还全部资源是“不好的”做法。但是如果服务器将信息更改/添加到资源中该怎么办。它肯定会添加ID，但也可能添加其他内容，例如时间戳。如果我不返回整个资源，那么执行POST，返回ID，然后让客户端执行GET获取新资源真的更好吗？

217 rest  angularjs  angularjs-resource 

我正在用锤子拖动，加载其他东西时它变得不稳，因为此警告消息告诉我。 由于主线程繁忙，“ touchstart”输入事件的处理延迟了X ms。考虑将事件处理程序标记为“被动”，以使页面更具响应性。 所以我试图像这样向听众添加“被动” Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); 但我仍然收到此警告。

217 javascript  jquery  angularjs  touch  hammer.js 

从AngularJS 1.0.7升级到1.2.0rc1时收到此错误。

216 javascript  angularjs  routes 

我正在尝试src从变量设置iframe 的属性，但无法正常使用... 标记： <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> 控制器/ app.js： function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : "A professional portfolio …

214 javascript  html  angularjs  iframe  angularjs-directive 

我正在做的事情非常精简，可以解决问题。 我有一个简单的directive。每当您单击一个元素时，它都会添加另一个元素。但是，需要先对其进行编译才能正确呈现。 我的研究使我走向了$compile。但是所有示例都使用了一个复杂的结构，我真的不知道如何在这里应用它。 小提琴在这里：http : //jsfiddle.net/paulocoelho/fBjbP/1/ JS在这里： var module = angular.module('testApp', []) .directive('test', function () { return { restrict: 'E', template: '<p>{{text}}</p>', scope: { text: '@text' }, link:function(scope,element){ $( element ).click(function(){ // TODO: This does not do what it's supposed to :( $(this).parent().append("<test text='n'></test>"); }); } }; }); Josh David …

212 angularjs  angularjs-directive  dynamically-generated 

在AngularJS中，您可以使用的$watch功能指定观察者以观察范围变量的变化$scope。在Angular中监视变量更改（例如，在组件变量中）相当于什么？

212 angularjs  angular  watch  angular2-changedetection 

我希望能够创建一个自定义AngularJS服务，当其数据对象为空时发出HTTP“获取”请求，并在成功时填充该数据对象。 下次调用此服务时，我想绕过再次发出HTTP请求的开销，而是返回缓存的数据对象。 这可能吗？

211 angularjs  ajax  caching  http-get 

我在AngularJS中缓存局部对象时遇到问题。 在我的HTML页面中，我有： <body> <div ng-view></div> <body> 我的零件加载的地方。 当我更改部分HTML代码时，浏览器仍会加载旧数据。 有什么解决方法吗？

210 caching  angularjs  browser-cache 

一个人如何监视/触发路线变化的事件？

209 javascript  angularjs 

有人可以用简单的方式解释吗？ 该文档似乎有点钝。我没有掌握何时使用另一种方法的本质和全局。对比两者的示例将是很棒的。

208 javascript  angularjs 

我想用表调用一些针对div的jQuery函数。该表填充了ng-repeat。 当我打电话时 $(document).ready() 我没有结果 也 $scope.$on('$viewContentLoaded', myFunc); 没有帮助。 ng-repeat填充完成后，有什么方法可以执行功能？我已经阅读了有关使用custom的建议directive，但是我不知道如何在ng-repeat和div中使用它。

207 javascript  jquery  angularjs  angularjs-ng-repeat  document-ready 

这是显示问题的小提琴。http://jsfiddle.net/Erk4V/1/ 如果我在ng-if内部有一个ng-model，则该模型无法正常工作。 我想知道这是一个错误还是误解了正确的用法。 <div ng-app > <div ng-controller="main"> Test A: {{testa}}<br /> Test B: {{testb}}<br /> Test C: {{testc}}<br /> <div> testa (without ng-if): <input type="checkbox" ng-model="testa" /> </div> <div ng-if="!testa"> testb (with ng-if): <input type="checkbox" ng-model="testb" /> </div> <div ng-if="!someothervar"> testc (with ng-if): <input type="checkbox" ng-model="testc" /> </div> </div> …

206 angularjs