Tag: angularjs
如何检查一个指令的方法参数是否在AngularJS中指定？
我创build了一个包含一个button的自定义指令。 该button从“callback”属性指定的父范围中调用一个方法。 <!DOCTYPE html> <html ng-app="app"> <head> <title>Simple directive</title> <script src="js/lib/angular/angular.js"></script> <script type="text/javascript"> var app = angular.module('app', []); app.controller('TestController', function($scope) { $scope.doSomething = function(param) { alert('Something called with: ' + param); } }) app.directive('myDirective', function() { var ret = { restrict: 'E', scope: { user: '@', callback: '&' // bound a function from the scope […]
使用ngCordova的animation方向箭头“aroundMe”风格
我希望创build与AroundMe移动应用程序中所看到的完全相同的指南针/箭头，以便根据我的移动位置恰当地指向地图上的某个图钉，并在移动手机时更新箭头。 我疯了，才明白如何做到这一点，我找不到任何指导或教程解释一点。 我在网上find的是一个轴承function，我创build了一个指令： app.directive('arrow', function () { function bearing(lat1, lng1, lat2, lng2) { var dLon = (lng2 – lng1); var y = Math.sin(dLon) * Math.cos(lat2); var x = Math.cos(lat1) * Math.sin(lat2) – Math.sin(lat1) * Math.cos(lat2) * Math.cos(dLon); var rad = Math.atan2(y, x); var brng = toDeg(rad); return (brng + 360) % 360; } function toRad(deg) […]
使用本地策略的CORS将客户端应用程序authentication为REST API
问题： 只使用本地身份validation策略为客户端应用程序提供安全的API。 红色箭头是知识差距的一部分。 语境： 即— client.example.com正在向api.example.com/login一个POST ，成功的client.example.com可以访问api.example.com/secret等GET服务。 一个主意！ 在API前面实现混合授权types的OAuth 2.0的实现。 为什么要混合 它不会是一个Implicit Grant Flow即Client-Side Web Applications Flow因为没有redirect到API服务器也授予访问令牌。 （即） “访问您的数据是否可以？” 它不会是Resource Owner Password Flow因为客户端ID和客户端密钥与请求一起传递，所以假定客户端应用程序是服务器端。 好的…那么两者有什么关系呢？ 如果我们在客户端应用程序的页面加载中使用CRSF令牌，并将其与用户凭证一起POST，OAuth 2.0身份validation端点将交换访问令牌？ 您将在成功login后使用访问令牌和CRSF令牌对每个后续请求进行身份validation。 一个好的Node.js OAuth 2.0库我发现： https://github.com/ammmir/node-oauth2-provider 帮我！ 我无法find解决此问题的validation措施的工作示例！ 把我指向正确的方向？ 最终，这里的目标是使用CORS和本地策略（即用户名和密码）来validation客户端应用程序到REST API，即使上述约定是不可能的。 容纳赏金： 这是一个客户端应用程序，所以让我们保持时尚。 我正在寻找一个使用上面的API / Auth服务器的Node.js OAuth 2.0种子和前端框架（如Angular.js或Backbone.js）进行请求的工作示例。 这个例子应该与上面描述的上下文匹配。
Rails升级到angular度2
我想升级我现有的Rails和Angular 1.x应用程序。 我正在按照ng升级文档 ，看到有很多依赖包括systemjs ， 打字稿 ， tsd和一些其他的JavaScript库。 理想情况下，将有一个angular度2的gem，将有所有的依赖，但我无法find。 接下来，我查找每个依赖关系的gem，但没有一个tsd。 切换到自定义构build策略是否有意义，这样我可以使用npm进行JavaScript包pipe理？ 我读这篇文章，build议大家，但我喜欢资产pipe道的便利。 任何人都可以指向成功使用rails项目ng-upgrade的例子吗？ 它是否使用像gulp一样的定制构build解决scheme还是使用资产pipe道？
离子历史是如何工作的，何时创build非根堆栈？
我正在使用离子 v1.0.0，不明白由$ionicHistorypipe理的平行历史的作品。 特别是在Android设备上，当使用（以前称为硬件）后退button时，我的Angular应用程序有时performance得很奇怪，我想了解原因。 （例如：导航返回打开由$ionicGoBack()很久以前closures的视图） 对我来说，似乎某些UI路由器导航创build新的历史堆栈，而其他人将历史项目放在根历史logging中，即使从状态到子状态应该附加到logging状态IMO的历史。 问题 任何人都可以解释在哪些情况下， ui-sref或$state.go(…)将历史logging添加到新创build的堆栈中？ 他们什么时候被追加到root ？ 模态是以一种特殊的方式对待吗？ 对不起，没有更具体的，但应用程序是相当复杂的，我不知道如何孤立在一个单一的问题。 也许我错过了一个很好的文档…
AngularJS中的“Namespacing”服务
AngularJS如何处理服务名称之间的冲突？ 例如，如果我已经声明了两个模块，每个模块都包含一个名为“foo”的服务。 如果我想创build一个可重用的模块或者想要避免与其他第三方模块的冲突，那么“命名空间”服务将会是一个好的方法吗？
以编程方式插入指令angular度
所以我基本上希望能够触发一个事件，然后有一个指令编译，并将其自我插入DOM中的位置。 目前我有这样的事情 //controller angular.module('app').controller('MainCtrl', function ($scope, $compile) { $scope.$on('insertItem',function(ev,attrs){ var el = $compile( "<chart></chart>" )( $scope ); $scope.insertHere = el; }); }); // directive angular.module('app') .directive('chart', function () { return { template: '<div>My chart</div>', restrict: 'E', link: function postLink(scope, element, attrs) { element.text('this is a chart'); } }; }); 我能够看到所有我需要的对象“el”，但是我无法将其插入DOM …任何线索？
Bootstrap，Angular.js和Ember.js中使用的数据属性选项是否与Unobtrusive Javascript原则相冲突？
我总是被告知这是一个很好的做法（ala'unobtrusive javascript）从HTML标记中分离JavaScript。 然而，我已经看到了一些新的和stream行的框架，如Bootstrap，Angular.js和Ember.js的相反趋势。 有人可以告诉我为什么这不被认为是不好的做法？
如何使用angularjs在ng-click中触发另一个元素的click事件？
我试图从button触发<input type="file">元素的单击事件。 <input id="upload" type="file" ng-file-select="onFileSelect($files)" style="display: none;"> <button type="button" ng-click="angular.element('#upload').trigger('click');">Upload</button> 它通常的做法是隐藏被称为<input type=file>的丑陋野兽，并通过其他方式触发它的点击事件。
使用Canvas和AngularJS
我正在执行一项任务，重新编写HTML5中的以下Flash应用程序： http://www.docircuits.com/circuit-editor 鉴于应用程序的复杂性和我的研发到目前为止，我已经确定了AngularJS作为实施的首选MVC框架。 该应用程序有各种部分，如面板，菜单，属性，图表等，我相信所有这些都可以在AngularJS中轻松实现。 然而，关键的问题是，组件的devise和交互（如拖放，移动，线处理等）需要基于canvas，因为我已经能够从Flash中导出所有的vectorgraphicsCreateJS工具包（ http://www.adobe.com/in/products/flash/flash-to-html5.html ）放到Canvas库中，而不是SVG。 问题在于“canvas内的单个对象”和AngularJS之间没有明确的沟通方式。 我已经看了下面的例子，但是几乎所有的例子都在canvas对象上工作，而不是在Canvas里面处理单个的组件： AngularJS绑定到WebGL / Canvas 那里已经有一个AngularJS的canvas绘图指令了吗？ 我有点卡在这里，不知道该怎么办。 真的很感激一些意见： AngularJS是否是正确的select？ 我应该尝试在另一个库（如Fabric.js，kinect.js，Easel.js）中实现Canvas部分，并将其与Angular（它现在似乎太大任务）集成？ 如果以上都不是，那么我应该切换到哪个框架，轻松处理canvas以及面板，菜单，图表等其他function？
