草庐IT

angularjs-ng-href

全部标签

javascript - 当表单输入的值无效时,如何防止 AngularJS 解除表单输入值与其模型的绑定(bind)?

我正在使用AngularJS构建表单,我注意到一些我不理解的行为。当我分配ng-minlength=5时作为输入属性,AngularJS解除绑定(bind)该值,直到它比要求的长。这对我来说很不方便,因为我想告诉用户他们输入了多少内容使用user.lifestory.length.为什么AngularJS以这种方式工作?如何防止Angular在值无效时解除绑定(bind)?Lifestory:这里有一个例子:http://jsfiddle.net/J67jm/3/你可以通过填写生活故事字段来看到我所说的行为。 最佳答案 您可以使用{

javascript - 在 AngularJS 上禁用日志记录

我在我的代码中使用angularJS服务进行日志记录($log.error()、$log.debug()、$log.info()等),它工作正常。现在,我正在尝试禁用所有日志。我已经试过了:varapp=angular.module('app',[]);app.config(['$logProvider',function($logProvider){$logProvider.debugEnabled(false);}]);但这没有任何作用,日志继续显示...禁用我放入代码中的所有angularJS日志的最佳方法是什么?编辑:我这样调用日志:(function(){app.contro

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

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

javascript - AngularJS 测试 $httpBackend.flush() 导致错误

我正在尝试使用jasmine对我为Spotify创建的AngularJS服务进行一些测试。但是在测试promises时,我的测试总是出错。我的测试目前是这样的:describe('Spotify.search',function(){var$httpBackend;var$rootScope;varSpotify;varapi='https://api.spotify.com/v1';beforeEach(inject(function(_Spotify_,_$httpBackend_,_$rootScope_){Spotify=_Spotify_;$httpBackend=_$htt

javascript - 将对象从 jade 传递到 angularjs 模板

我正在尝试将对象从Node传递到客户端,如下所示render:function(req,res){res.render('auth',{userData:req.session.user});}在我的auth.jade中,代码如下script.vardata=!{JSON.stringify(userData)}console.log(data)window.top.location='/profile'所以我将应用程序重定向到我在routeProvider中使用angularjs定义的新路由app.config(['$routeProvider','$locationProvider

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 - 如何覆盖/更改值提供者的 AngularJS 值

我想覆盖值-angular.module("data",[]).value('apiBase','/api1/data')在运行时,我尝试修改它-angular.module("data").value('apiBase','/someotherapi/data')在某些服务/Controller中,但它失败了,它没有覆盖apiBase的值。我试图在我的Controller中注入(inject)apiBase并更改它。angular.module('data').controller(function(apiBase){apiBase='/someotherapi/data'})它失败

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