Tag: angularjs

在ngclick上改变鼠标指针: 我有一个与Angular ng-click指令相连的div 。 hover在此元素上的鼠标指针不会更改。有没有办法通过CSS来改变它？我知道我可以简单地附上一个锚标签，但我想知道这是否可以做到。

什么是AMP HTML，它如何适应框架/工具X？: 好的，所以我们现在都可能听说过谷歌的AMP HTML 。我很好奇的是这将如何适应我们现有的工作stream程。如果您正在编写React或Angular应用程序，AMP HTML如何适应开发stream程？这些框架中的每一个都已经有了一个定义组件的方法，看起来AMP只是添加到堆栈中。我们大多数人已经在使用其他工具，如browserify或webpack。我不太乐于看到AMP如何适应其余的。其中一些工具已经允许我们以优化的方式为我们的网站服务。 AMP HTML将会改变所有这一切？

什么是传递给$资源的@id？: $resource("/entries/:id", {id: "@id"}, {update: {method: "PUT"}}) 什么是@id？在$资源文档页面有人在下面说，但我仍然不明白。如果参数值以@为前缀，则从数据对象中提取该参数的值（对非GET操作有用）。“如果使用非GET”class“操作，则此处的数据对象指的是postData对象，或者如果使用非GET实例操作，则实例本身。

Angular $ http发送OPTIONS而不是PUT / POST: 我正在尝试通过PHP后端更新/插入MySQL数据库中的数据。我正在用AngularJS构build前端，并使用$http服务与REST API进行通信。我的设置看起来像这样：我通过$ httpProvider设置头文件： $httpProvider.defaults.withCredentials = true; $httpProvider.defaults.headers = {'Content-Type': 'application/json;charset=utf-8'}; POST-Call看起来像这样： return $http({ url: url, method: "POST", data: campaign }); Chrome中的开发控制台向我展示了这一点：当我从POST更改为PUT时，我发送一个OPTIONS调用，而不是一个PUT。内容types切换到content-type 。我的请求有效载荷是作为对象发送的：如何正确设置我的标题？编辑： PHP后端设置了一些头文件： $e->getResponse() ->getHeaders() ->addHeaderLine('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS'); $e->getResponse() ->getHeaders() ->addHeaderLine('Access-Control-Allow-Origin', '*'); 有什么遗漏吗？

AngularJS：来自指令的广播事件: 我已经看到人们从他们的代码中的任何地方这样做： $rootScope.$broadcast('someEvent', someParameter); 然后在一些控制器中： $rootScope.$on('someEvent', function(event, e){ /* implementation here */ }); 现在，我想从一个指令中宣布一个事件。在rootScope级别播放它是不是很好的做法？我想在一个控制器中处理这个事件。我可以使用$ scope，还是需要在$ rootScope上监听？

Angularjs：当ng-model更新时select不更新: 我已经创build了下面的例子，所以你可以看到到底发生了什么： http : //jsfiddle.net/8t2Ln/101/ 同样的事情发生，如果我使用ng选项。我有这样做的另外一个原因，但是为了简化这个例子，我把这一部分留下了。正如你可以看到它默认有两个选项。我在select旁边显示ng模型的选定值，以便看到它是什么。当您使用顶部部分添加第三个选项时，它会将该值设置为该新选项的值，如select所示的显示的ng-model值所示，但select本身不会更改以显示正确的值select。以下是链接中的示例代码： var testApp = angular.module('testApp', ['ngRoute']); testApp.controller('Ctrl', function ($scope) { $scope.newInput = ''; $scope.inputDevice = [ { value: '1', label: 'input1' }, { value: '2', label: 'input2' } ]; $scope.selectedDevice = ''; $scope.addType = function () { var newElem = { label: $scope.newInput, value: '3' }; […]

如何禁用在AngularJSinput的修剪？: 我发现了一些奇怪的行为：angular度修剪模型默认值。快速search并不能帮助我解决这个问题。我发现ng-no-trim指令提议， ng-trim等等。但没有任何工作。我提供了一个代表下面这个问题的小片段。 function Ctrl($scope) { $scope.text=''; $scope.$watch('text', function (newValue) { console.log(newValue); }); } 你也可以在这里试试这个片段。我添加了一个与模型text同步的textarea。但是，当添加新的尾部空格或将行分隔到新的空格时，它不会反应。我能做些什么来closures这种行为？谢谢。

如何实现“ui-sref”被有条件地执行？: 我想在浏览器跟踪由ui-routerdynamic创build的链接之前validation一定的条件。我正在寻找$rootscope.$on('$stateChangeStart', ..)但我没有访问controller.$scope从那里。我也需要在应用程序的几个地方使用它，并且会很麻烦。请记住， ui-sref与ui-sref-active （一起工作）相关联，所以我不能删除ui-sref并且使用$state.$go('some-state')用ng-click调用函数。条件应该在$scope function和on on-click event进行评估（在能够取消它的转换之前）我需要这样的东西： <li ui-sref-active="active"> <a ui-sref="somestate" ui-sref-if="model.validate()">Go Somestate</a> </li> 我试过了： <li ui-sref-active="active"> <a ui-sref="somestate" ng-click="$event.preventDefault()">Go Somestate</a> </li> <li ui-sref-active="active"> <a ui-sref="somestate" ng-click="$event.stopImmediatePropagation()">Go Somestate</a> </li> 和 <li ui-sref-active="active"> <a ui-sref="somestate"> <span ng-click="$event.stopPropagation();">Go Somestate</span> </a> </li> 甚至 <li ui-sref-active="active"> <a ui-sref="somestate" onclick="return false;">Go Somestate</a> </li> 但是不行。 SANDBOX

Angular JS – 编辑内容编辑: 在使用ng-repeat什么是编辑内容的最佳方式？在我理想的情况下，增加的生日将是一个超链接，当它被点击的时候，它会显示一个编辑表单 – 就像当前添加表单和更新button一样。实时预览（Plunker） HTML： <!DOCTYPE html> <html> <head lang="en"> <meta charset="utf-8"> <title>Custom Plunker</title> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script> <script> document.write('<base href="' + document.location + '" />'); </script> <script src="app.js"></script> <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.0/css/bootstrap-combined.min.css" rel="stylesheet"> </head> <body ng-app="birthdayToDo" ng-controller="main"> <div id="wrap"> <!– Begin page content –> <div class="container"> <div class="page-header"> <h1>Birthday Reminders</h1> </div> <ul ng-repeat="bday in bdays"> <li>{{bday.name}} […]

替代ng-show / -hide或如何只加载DOM的相关部分: 当使用ng-show / -hide时，包含在这些块中的内容最初显示在用户屏幕上。只有在几毫秒之后（在angular.js加载并执行之后），右边的块才会以ng-show显示。有没有比ng-show / -hide更好的方法只加载数据的相关部分到DOM？ ng-view的问题是我只能在页面上有一个，所以我必须根据当前状态来切换DOM的很多部分的行为。