草庐IT

ng-switch-when-separator

全部标签

javascript - 从 RouteProvider 定义 ng-view ="NAME"

我真的是Angular的新手,我有一个关于将模板或URL发送到ng-view的小问题。但是我打算做的方式可能必须在我的基本模板中使用ng-view。当我的模板库是这样的时候:我的JS看起来像:varapp=angular.module('myApp',[]).config(['$routeProvider','$locationProvider','$httpProvider',function($routeProvider,$locationProvider,$httpProvider){$routeProvider.when('/home',{templateUrl:'/conta

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec

javascript - d3JS : Plot lower-density data version of a large data set when zoomed out on line/area chart

我正在创建一个类似于MikeBostock's的图表可缩放面积图。对于我的特定项目,我有一组传感器,每30秒记录一次值(温度、光线、湿度和声音)。我有缩放实现工作,但是当我缩小到一年的比例时,图表的密度会减慢浏览器的速度并且图形也不会读取。如何编辑脚本,使折线图的密度相对于缩放量发生变化?换句话说,x域控制着值(value)线上的点数。当我放大到一个小时的时间范围时,我想要全密度(每30秒记录一次),而当我缩小时,我想要低得多的密度(每天记录一次)。有任何想法吗?使用上面链接中的脚本实现会很有帮助。谢谢!svg{font-size:10px;}.axis{shape-rendering

javascript - ng 表类型错误 : Cannot set property '$data' of null

我正在使用ng-table显示来自API调用的信息,我将其分组,就像website上的示例一样.但是,网站上的示例使用了静态信息,因为我每次都需要进行新的API调用。当我不包含$scope.$watch('groupby',function(value)函数时,我可以在第一次初始调用时显示表格。angular.module('myApp.controllers',['ngTable','ui.bootstrap','dialogs']).controller('HomeCtrl',function($scope,$log,$rootScope,$modal,TimeService,Ev

javascript - 你为什么要执行 $q.when() 而不给它传递一个 promise /值?

根据theAngulardocson$q,$q.when()期望传递一个promise/值。但我只是遇到了别人的代码,其中调用它时没有传递任何参数。这是我所看到的简化版本:varmodal=false;if(modalOpen){return$q.when()}modalOpen=true;modal=newModal({template:opts.template,});modal.result.finally(function(){modalOpen=false;});} 最佳答案 方法应该同步返回或异步返回以保持一致。如果一个

javascript - ng-repeat:用数组填充下拉选项

我有一个简单的JavaScript对象,如下所示:$scope.obj={"'Architect'":["asdf","d","e","y"]};我想在选择框中显示'Architect'的值。但是,在尝试执行ng-repeat时,单引号让我失望。{{row}}这不会填充选择框,它只是显示一个空的选择框。我假设它将单引号解释为字符串文字,但即使我添加单引号并转义它们,它仍然无法按预期工作。我错过了什么吗?Hereisasampleplunker: 最佳答案 转义引号Howtoproperlyescapequotesinsidehtml

javascript - ng-options 选择列表值设置为我选择的 id 并将其与 ng-model 正确绑定(bind)

使用angular我想创建一个选择列表,其值采用我选择的id(对象的实际id属性),我想用ng-model指令正确绑定(bind)它。这是我试过的:$scope.People=[{name:"Fred",id:1},{name:"Joe",id:2},{name:"Sandra",id:3},{name:"Kacey",id:4},{name:"Bart",id:5}];$scope.setTo1=function(){$scope.selectedPersonId=1;}http://jsfiddle.net/b7dyadnr/这里selectoptionvalue是正确的值(val

javascript - 调用函数时 Angular ng-keyup 不起作用

我有这个代码:它不会调用搜索功能,因为如果我执行ng-click="search()"它会起作用。这是为什么? 最佳答案 ng-keyup对我来说非常好。有关示例,请参见此fiddle:http://jsfiddle.net/r74a5m25/代码:Hello:functionMyCtrl($scope,$log){$scope.search=function(){alert('test');};}确保您拥有最新版本的Angular以便使用ng-keyup。看起来它从版本1.0.8开始可用。

javascript - 为什么 ng-style 函数应用了两次?

我有一个像这样的Angular应用:angular.module('ngStyleApp',[]).controller('testCtrl',function($scope){$scope.list=[1,2,3];$scope.getStyles=function(index){console.log('gettingstylesforindex'+index);return{color:'red'};};});带有相应的标记:{{value}}正如预期的那样,可见输出是三个红色列表项。但是该语句总共被记录到控制台6次,这意味着View被渲染了两次:gettingstylesfor

javascript - ng-include 内部和外部的 $scope 行为不同

所以我做了一些实验来在2个不同的选择框上创建一个ng-change行为,同时携带相同的$scope。一个在ng-include指令内,同时另一个在ng-include指令之外,有趣的部分是虽然当我实现数据绑定(bind)时它结果没问题,但是当我试图查看我的控制台选项卡时它返回不同在ng-include指令之外的那个没问题,而在ng-include指令里面的那个总是返回值'a'或静态值这是index.html模型AB{{list}}//thisscopecariestest.html这是test.html模型AB{{list}}这是Controllervarapp=angular.mod