草庐IT

angularjs-material

全部标签

javascript - 我应该如何在 AngularJS 中制作可配置模块

我一直在修补AngularJS,我已经建立了一小部分指令和服务,我想将它们打包到一个JS文件中,以便我可以在任何地方使用它们。我有一些特定于网站的设置,我的模块需要这些设置来进行API调用和诸如此类的事情。我只是想知道制作可配置模块的Angular方式是什么。显然我不想为每个网站修改我的可重用JS文件,因为那样会破坏拥有它的目的。鉴于每个网站的值都将保持不变,将它们作为参数传递给每个函数调用似乎很麻烦,我宁愿尽可能远离全局变量。我搜索了很多问题来寻找我想要的答案,到目前为止我发现的最接近的模式是让我的可重用模块依赖于一个名为“settings”之类的未包含的模块,然后定义它页面JS文件

javascript - AngularJS 处理 $q.all 中被拒绝的资源

我尝试用我的资源处理错误,然后在我的$q.all()中处理资源拒绝。这是我的代码:varuser=User.get({id:1},function(){//Success},function(response){//Errorreturn$q.reject(response);});varpromiseList=[user];$q.all(promiseList).then(function(){//Success当我的用户资源收到404时,错误回调会处理它并返回$q.reject。然而,我的$q.all中的成功回调被调用,而不是我的错误回调。我会想,因为我拒绝了我的promise,所

javascript - 从 AngularJS 模板字符串生成 HTML 字符串

我将angularjs模板作为一个字符串,包括“ng-repeat”和其他指令。我想在Controller中编译它以将结果HTML生成为字符串。我想在Angular中应用的示例:Input:-------vartemplate='{{item.data}}';Output:--------varresult='1234';我希望在我拥有的Controller中完成此操作,并且我尝试了以下操作:vartemplate='{{item.data}}';varlinkFunction=$compile(template);varresult=linkFunction($scope);cons

javascript - 如何使用angularjs在复选框列表中推送选定的值

我有复选框列表,我想推送选定/选中的值。如果我将该值推送到复选框列表中,它应该被选中。例如,我在这里推送三星GalaxyS6。如果我放入三星GalaxyS6,我们需要检查有优惠数据,因为三星GalaxyS6有一些优惠。所以如果三星GalaxyS6被选中,下拉菜单应该填充优惠信息。这是一个demo。我已经尝试过我的水平,但我无法解决,请有人帮助我。functionTest1Controller($scope){varserverData=["SamsungGalaxyNote","SamsungGalaxyS6","SamsungGalaxyAvant","SamsungGalaxyYo

javascript - AngularJs 资源中的可选 url 参数

我有这种资源:varProducts=$resource('companies/:companyId/products')问题是,我想通过urlcompanies/products获取所有公司的产品,但是使用资源而不提供companyId我得到了companies//products。也许我可以使用另一个url,比如/products,但这是否意味着我必须为同一件事使用另一个资源?在这个简单的例子中,我可以将url更改为companies/products/:companyId,但这似乎是非常普遍的情况。 最佳答案 是的,目前您需要

javascript - 在 AngularJS Controller 之间共享数据,但共享数据来自 Ajax 调用

在下面这个人为设计的示例中,我已经弄清楚了如何使用共享服务在两个AngularJSController之间共享数据:(功能fiddle)varapp=angular.module('myApp',[]);app.factory('UserData',function(){vardata={foo:'bar'};return{getData:function(){console.log('getData');returndata;},setData:function(newData){data=newData;}};});functionMainCtrl($scope,UserData)

javascript - 如何测试 angularjs 指令以监视函数调用?

下面的代码执行但提示element.popover没有被调用。我似乎无法弄清楚问题出在哪里。提前感谢您的帮助。指令:angular.module('directives',[]).directive('popOver',function($http){return{restrict:'C',link:function(scope,element,attr){element.bind('mouseover',function(e){$http.get("someurl"+attr.chatid+".json").success(function(data){element.popover

javascript - Angularjs - ng-click 函数与指令

我无法决定在以下情况下使用哪种方法。我试图在点击按钮时发出警报。我可以使用2种方法来做到这一点。哪个是最佳做法,请告诉我为什么?方法一directivevarapp=angular.module('app',['ngRoute']);app.directive('alert',function(){return{link:function(scope,element,attr){element.on('click',function(){alert('clicked');})}}})方法二ng-clickapp.controller('MainCtrl',['$scope',funct

javascript - AngularJS 单页应用中多个区域的独立路由

我有一个包含四个区域的单页AngularJS应用程序,每个区域都有自己的内容:我需要每个区域通过服务进行通信,但除此之外,它们需要有自己独立的路由以供查看,即它们都应该有自己的View状态。我已经尝试用plunkr来做到这一点(angular-ui-router)但我不知道如何创建只影响特定模块或区域的angular-ui状态,而不修改页面上的其余区域。页面包含区域:InitialRegion1InitialRegion2并且应用程序尝试在独立模块中定义每个区域:varapp=angular.module('Main',['ui.router','Region1','Region2']

javascript - 如何使用ng-checked在angularJs中预选复选框

我似乎无法让它工作。所以我有一堆电影类型,我希望检查它们是否是用户数据库中的类型。这是我的代码%section(ng-controller="UserCtrl"ng-init="user_genres=#{preferred_genres}")%ul%li(ng:repeat="genreinpreferred_genres")%input(type="checkbox"ng:model="preferred_genres[genre]"id="genre-{{$index+1}}"ng-checked="user_genres['{{genre}}']")%label{:for=>"