草庐IT

angularjs-sce

全部标签

javascript - 我如何获得在 angularjs 中工作的基本身份验证?

如何在AngularJs中获得基本的身份验证?我已经用谷歌搜索了,资源对我不起作用。我是AngularJS的新手 最佳答案 假设您的html定义如下:Todo...您可以像这样使用基本身份验证使您的后端连接到restapi:varapp=angular.module('sandbox-app',[]);app.config(function($httpProvider){});app.factory('Base64',function(){varkeyStr='ABCDEFGHIJKLMNOP'+'QRSTUVWXYZabcdef'

javascript - AngularJS 是如何摆脱使用自定义 HTML5 元素标签和属性的?

大多数浏览器似乎都允许您创建您喜欢的任何元素标签,并向元素添加您喜欢的任何属性名称。例如:HelloEverybodyDefaultdisplayisinline以上显示正常。看起来未定义元素的行为与span非常相似。看起来AngularJS也充分利用了自定义标签和属性-这在很大程度上取决于它。但是,据我所知,做那种事是不行的,除非是带有“data-”前缀的自定义html5属性。那么,我的问题是:是否不再禁忌编写自己的自定义元素标签和/或属性名称?或者换句话说,AngularJS是否依赖于非标准的怪癖,这些怪癖实际上不是HTML5规范的一部分,但恰好可以正常工作?谷歌是否有人发现了ht

javascript - 使用复选框并且需要 AngularJS

我尝试为我的复选框组使用html5required属性,但我没有找到使用ng-form实现它的好方法。选中复选框时,我希望将该输入元素的值推送到值数组。angularrequiredvalidator似乎观察与输入元素关联的ng-model,但我如何将多个复选框链接到同一模型并使用输入字段的值更新它的值?现在的实现就像thisfiddle.{{choice.label}}​updateQuestionValue函数处理值数组的添加或删除,但每个复选框都有自己的模型,这就是为什么需要选中每个复选框以使表单有效。我已经让它在一组单选按钮上工作,但它们都在同一个模型上工作,因为只能选择一个。

javascript - AngularJS 条件 ng-disabled 不重新启用

给定一个使用ng-disabled="truthy_scope_variable"的有条件禁用的文本输入字段,AngularJS会在第一次范围变量被伪造时禁用该字段,但不会启用它在随后的变化。因此,该字段保持禁用状态。我只能假设出了什么问题,但控制台日志是空的。truthy范围变量绑定(bind)到单选按钮模型,我什至可以$watch它改变,但输入字段的ng-disabled没有按预期工作。我已手动尝试调用$apply,但看起来Angular正在触发DOM更改。在Controller中:$scope.new_account=true单选按钮:有条件地禁用输入字段:如果我最初设置了$sc

javascript - AngularJS 指令 $destroy

我有一个带有ng-view的Angular应用设置。在一个View中,除了View本身之外,该View内部还有一个动态加载的组件。这个组件是一个指令,它本质上是编译内容,因此内容可以进一步与其他指令Hook(它是)。该组件中的内容是使用$compile(element.contents())(scope);编译的。举个例子:angular.directive('viewer',['$compile','$anchorScroll',function($compile,$anchorScroll){returnfunction(scope,element,attrs){scope.$wa

javascript - 使用 AngularJS 深度合并对象

通常对于浅拷贝对象我会使用angular.extend()举个例子:varobject1={"key":"abc123def456","message":{"subject":"HasaQuestion","from":"example1@example.com","to":"example2@example.com"}};varobject2={"key":"00700916391"};console.log(angular.extend({},object1,object2));会给我们:{"key":"00700916391","message":{"subject":"Hasa

javascript - AngularJS - 刷新 ng-repeat

我正在使用ng-repeat来显示值的集合。我的过滤器选项根据对服务器的ajax调用而改变。接收到过滤器参数后如何刷新ng-repeat?jsfiddle模板#{{item.id}}ItemfilternowAngularvarapp=angular.module('m',[]);app.controller('myCtrl',function($scope){$scope.values=[{id:1},{id:2},{id:3},{id:4},{id:5},{id:6}];$scope.filter=[1,2,3,4,5,6];$scope.filterIds=function(id

javascript - Angularjs $http 和进度条

我需要上传文件并使用$http(这段代码是从我的.service()函数中获取的):sendFile:function(params){return$http({method:'post',url:'http://XXXXXXXXXXXXX/rest/file.json',headers:{'X-CSRF-Token':$cookies['csrftoken']},data:params})},现在,对于小文件和好的线路没有问题,但是对于大文件和/或坏/慢的线路有一个UI问题:用户不知道上传何时结束。我需要一个进度条。所以我在网上搜索,但我没有找到解决方案。是否有可能从$http获得一

javascript - Angularjs:在 $routeProvider 中使用 'resolve' 时如何显示加载图标?

以下代码通过服务读取并在网页上显示特定“页面类别”(字符串)的“页面”对象列表。使用$routeProvider.when()中的resolve对象属性,我可以推迟更新View,直到新值准备就绪。两个问题:当请求一个新的页面列表时,我想显示一个加载图标。当从服务器开始读取(并且应该显示加载图标)时,我如何检测(以非黑客方式)事件?我想我可以在服务中执行类似$('.pages-loading-icon').show()之类的操作,但我发现它太依赖于图形用户界面,也太放在服务中了。当新值准备就绪时,我希望旧值淡出而新值淡入。执行此操作的“Angular”方法是什么?我曾尝试使用$watch

javascript - AngularJS 指令属性从 Controller 访问

我正在尝试访问Controller函数中指令的属性。但是,当我访问它时,它是未定义的。我注意到,如果我做一个简单的计时器,它就会起作用。有没有一种方法可以仅在指令及其作用域准备就绪并设置为可以使用后才执行代码?我用它做了一个fiddle。确保您的控制台已打开。http://jsfiddle.net/paulocoelho/uKA2L/1/这是我在fiddle中使用的代码:varmodule=angular.module('testApp',[]).directive('testcomponent',function(){return{restrict:'E',template:'{{t