Questions tagged «angularjs»

用于有关开源JavaScript框架AngularJS（1.x）的问题。不要将此标签用于Angular 2或更高版本；而是使用[angular]标签。

4
AngularJS完成呈现HTML后运行jQuery代码
在控制器中，我使用$ http或$ resource服务获取一些JSON数据。然后，我将此数据写入$ scope，AngularJS更新页面的HTML结构。我的问题是我需要知道用Angularng-repeat指令填充的列表（我的意思是HTML DOM元素）的新大小（宽度和高度）是多少。因此，我必须在Angular完成DOM结构更新后立即运行javascript代码。正确的做法是什么？我过去四个小时都在搜索互联网，但是找不到解决我问题的方法。 这就是我接收JSON数据的方式： var tradesInfo = TradesInfo.get({}, function(data){ console.log(data); $scope.source.profile = data.profile; $scope.trades = $scope.source.profile.trades; $scope.activetrade = $scope.trades[0]; $scope.ready = true; init(); //I need to call this function after update is complete }); 这就是init()函数中发生的事情： function init(){ alert($('#wrapper').width()); alert($('#wrapper').height()); } 我知道必须有一些容易解决的问题，但我现在不能立即找到它。提前致谢。
12
所请求的资源上没有“ Access-Control-Allow-Origin”标头-AngularJS
XMLHttpRequest cannot load http://mywebservice. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9000' is therefore not allowed access. 当我尝试从代码内部运行Web服务时，出现此错误。我尝试找到有关它，并尝试了许多在网上找到的建议解决方案。粘贴下面的代码。 <form name="LoginForm" ng-controller="LoginCtrl" ng-submit="init(username,password,country)"> <label>Country</label><input type="text" ng-model="country"/><br/><br/> <label>UserName</label><input type="text" ng-model="username" /></br></br> <label>Password</label><input type="password" ng-model="password"> </br> <button type="submit" >Login</button> </form> 与控制器对应的js形式为： app.controller('LoginController', ['$http', '$scope', function ($scope, $http) { $scope.login = …
11
简单的ng-include无法正常工作
我是第一次使用AngularJS，并且在使用ng-include作为页眉和页脚时遇到了麻烦。 这是我的树： myApp assets - CSS - js - controllers - vendor - angular.js - route.js ...... ...... ...... main.js pages - partials - structure header.html navigation.html footer.html index.html home.html index.html： <!DOCTYPE html> <html ng-app="app"> <head> <title>AngularJS Test</title> <script src="/assets/js/vendor/angular.js"></script> <script src="/assets/js/vendor/route.js"></script> <script src="/assets/js/vendor/resource.js"></script> <script src="/assets/js/main.js"></script> </head> <body> <div ng-include …
17
在AngularJS中设置电话和信用卡号
问题一（格式化电话号码）： 我必须在AngularJS中格式化电话号码，但是没有用于它的过滤器。有没有办法使用过滤器或货币将10位数字格式化为(555) 555-5255？仍然将字段的数据类型保留为整数？ 问题二（掩盖信用卡号）： 我有一个映射到AngularJS的信用卡字段，例如： <input type="text" ng-model="customer.creditCardNumber"> 这将返回整数（4111111111111111）。我想用xxx屏蔽掉它的前12位数字，而只显示最后4位数字。有任何想法吗？是否有一种方法也可以用破折号格式化数字，但仍将数据类型保留为整数？有点4111-1111-1111-1111。
4
如何处理angular.js中的右键单击事件？
有没有一种方法可以设置一个元素，使其在左键单击（ng-click）上执行一个动作，然后在右键单击上执行另一个动作？ 现在我有类似的东西： <span ng-click="increment()">{{getPointsSpent()}}</span> 而且我还希望能够在跨度上单击鼠标右键以执行函数decrement（）;。
69 angularjs 
4
AngularJS过滤器不为空
尝试滤除具有非null的特定属性的项目 var details = [{name:'Bill', shortDescription: null}, {name:'Sally', shortDescription: 'A girl'}] 我只想显示一个李；一个给萨莉。这是我没有成功尝试过的 <ul> <li ng-repeat="detail in details | filter:{shortDescription:'!'}"> <p>{{detail.shortDescription}}</p> </li> </ul> 您知道如何在不创建自定义过滤器的情况下执行此操作吗？甚至如此，自定义过滤器会是什么样？
8
VueJ模板化。如何加载外部模板
我是Vue.js的新手，我已经使用AngularJS一段时间了，并且在过去我们使用Angular来加载模板，例如， template: '/sometemplate.html', controller: 'someCtrl' 我们如何在Vue中做这样的事情，而不是像这样在JavaScript中保留大型HTML模板， new Vue({ el: '#replace', template: '<p>replaced</p>' }) 小型模板可以这样做，但大型模板是否可行？ 有没有办法加载外部模板HTML或在Vue中的脚本标签内使用HTML模板？ <script type="x-template" id="template>HTML template goes here</html>
4
用ng-click自动传递$ event？
我知道，ng-click如果$event像这样传递对象，就可以访问click事件： <button ng-click="myFunction($event)">Give me the $event</button> <script> function myFunction (event) { typeof event !== "undefined" // true } </script> $event每次必须显式地通过都会有点烦人。是否可以设置ng-click为默认将其传递给函数？
5
如何使用AngularJS模板渲染HTML
这是我的模板： <div class="span12"> <ng:view></ng:view> </div> 这是我的视图模板： <h1>{{stuff.title}}</h1> {{stuff.content}} 我得到的content是html，我想在视图中显示它，但是我得到的只是原始的html代码。如何呈现HTML？
2
有人可以为AngularJS中的范围提供$ destroy事件的示例吗？
有人可以提供范围$ destroy事件的示例吗？这是来自http://docs.angularjs.org/api/ng.$ro​​otScope.Scope#$destroy的参考文档 $ destroy（） 从父范围中删除当前范围（及其所有子级）。删除意味着对$ digest（）的调用将不再传播到当前作用域及其子级。删除还意味着当前范围可以进行垃圾回收。 $ destroy（）通常由ngRepeat等指令用于管理循环的展开。 就在作用域被销毁之前，将在该作用域上广播$ destroy事件。应用程序代码可以注册$ destroy事件处理程序，这将使它有机会执行任何必要的清除。
68 angularjs 
4
使用AngularJS进行身份验证，使用REST Api WS进行会话管理和安全性问题
我开始使用angularJS开发Web应用程序，但不确定是否所有内容（客户端和服务器端）都受到正确保护。安全性基于单个登录页面，如果可以对凭据进行检查，则我的服务器将发回具有自定义时间有效性的唯一令牌。所有其他REST api均可通过此令牌访问。该应用程序（客户端）浏览至我的入口点，例如：https : //www.example.com/home.html用户插入凭据并收到唯一令牌。该唯一令牌是使用AES或其他安全技术存储在服务器数据库中的，不是以明文格式存储的。 从现在开始，我的AngluarJS应用将使用此令牌对所有公开的REST Api进行身份验证。 我正在考虑将令牌临时存储在自定义的http cookie中；基本上，当服务器验证凭据时，它将发回新的Cookie Ex。 app-token : AIXOLQRYIlWTXOLQRYI3XOLQXOLQRYIRYIFD0T cookie的安全和HTTP Only标志设置为打开。Http协议直接管理新的cookie并将其存储。连续的请求将向cookie提供带有新参数的cookie，而无需对其进行管理并使用javascript进行存储；在每次请求时，服务器都会使令牌无效并生成一个新令牌，然后将其发送回客户端->防止使用单个令牌进行重放攻击。 当客户端从任何REST Api收到HTTP状态401未经授权的响应时，角度控制器将清除所有cookie，并将用户重定向到登录页面。 我是否应该考虑其他方面？将令牌存储在新的cookie或localStorage中更好吗？关于如何生成独特的强令牌的任何技巧？ 编辑（改进）： 我决定使用HMAC-SHA256作为会话令牌生成器，有效期为20分钟。我生成一个随机的32字节GUID，附加一个时间戳，并通过提供40字节的密钥来计算HASH-SHA256。由于令牌的有效性非常低，因此几乎不可能获得冲突。 Cookie将具有域和路径属性，以提高安全性。 不允许多次登录。
7
将Bootstrap用于Angular和Material Design一起用于Angular
我正在使用此模板进行项目。 该模板是使用AngularJs和Bootstrap-UI（Angular的Bootstrap）编写的，我想包括一些材料设计元素，例如卡片和其他元素。 有可能这样做吗？推荐吗？我的事情是，我们已经喜欢这个模板及其许多元素了，但是Material Design拥有卡片，下拉菜单，带有标签动画的文本输入等，这些都是很棒的。 所以我的问题是： AngularJS + Angular的Bootstrap + Angular的材质设计=令人敬畏还是灾难？
9
AngularJS指令不会在范围变量更改时更新
我尝试编写一个小指令，以将其内容包装在另一个模板文件中。 这段代码： <layout name="Default">My cool content</layout> 应该具有以下输出： <div class="layoutDefault">My cool content</div> 因为布局“默认”具有以下代码： <div class="layoutDefault">{{content}}</div> 指令的代码如下： app.directive('layout', function($http, $compile){ return { restrict: 'E', link: function(scope, element, attributes) { var layoutName = (angular.isDefined(attributes.name)) ? attributes.name : 'Default'; $http.get(scope.constants.pathLayouts + layoutName + '.html') .success(function(layout){ var regexp = /^([\s\S]*?){{content}}([\s\S]*)$/g; var result = regexp.exec(layout); var …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.