草庐IT

angularjs-ng-style

全部标签

javascript - 为什么 ng-bind 和 {{}} 为 json 提供不同的输出?

这是我正在使用的代码,不明白为什么ng-bind和{{}}的输出不同。angular.module('Test',[]);{{foo}}这是我得到的输出//forng-bind[objectObject]//for{{}}{"foo":"ankur","bar":"23"} 最佳答案 原因是{{}}在将其绑定(bind)到View之前评估表达式,而ng-bind没有这样做,所以你是对您的array对象进行字符串表示。 关于javascript-为什么ng-bind和{{}}为json提供

javascript - ng-repeat 忽略立即 ng-if

我已经使用AngularJS很长时间了,但现在遇到了一个奇怪的问题,即ng-if被ng-repeat忽略了。这是无法按预期工作的示例和简单代码{{detail.name}}{{detailed.prof}}Printthis(Updated)这是我的plunkr:https://plnkr.co/edit/xy4Qyd4tXm6kWROiaFVR?p=preview 最佳答案 使用这个版本或者使用ng-if->ng-show 关于javascript-ng-repeat忽略立即ng-if

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T

javascript - 在angularjs中使用来自rest服务的JSON对象

我有一个返回JSON和一个数字的休息服务{"uptime":"44"}在url下可用:http://localhost/uptime我想使用angularJS在页面上显示这个值。我写了一个资源来从这个resturl获取数据:angular.module('utilService',['ngResource']).factory('UtilService',function($resource){varUtilService=$resource('/uptime',{},{'get':{method:'GET',params:{format:'.json'},isArray:false}

javascript - 如何使用大多数通用代码重构 angularjs Controller

我对angularjs比较陌生。我有一些代码(HTML+JS)允许用户在范围内的数组中添加和删除条目。但是现在我正在为不同的数组大量重复代码。我知道这可以重构,但我不确定Angular方法,除了我可能想要使用指令这一事实。非常感谢任何帮助。HTMLSeeking{{seeks}}RemoveAddnewOffering{{offer}}RemoveAddnewJavascriptvarSeekingCtrl=function($scope){$scope.addSeeks=function(){$scope.profile.seeking=$scope.profile.seeking|

javascript - JQuery - 获取宽度 : auto from inline style

我正在尝试使用jquery获取元素的内联属性:width:auto。一旦我获得宽度,.width()就会返回一个px值,而不是auto。这是我需要的示例:我有一个img设置了这个内联样式:我需要将该图像包装在a中,以使图像可点击。我还需要获取图像样式并将其移动到anchor标记://---getheight,widthandentirestylevarimgHeight=$("#image").height();varimgWidth=$("#image").width();varimgStyle=$("#image").attr("style");//---removeinlines

javascript - 在angularjs表单验证中强制使用ng-dirty

使用angularjs进行表单验证我想在用户单击提交时将所有必填字段标记为错误。我正在使用input.ng-dirty.ng-invalid来设置错误控件的样式。所以我想要的是在用户提交表单时在必需的控件(或所有控件......对我来说都是一样的)上设置ng-dirty。验证工作。我明白为什么,我正在尝试的可能是错误的,但我没有找到其他方法来达到同样的效果,除了一些我认为太复杂而不正确的方法。我尝试的是:http://jsfiddle.net/yq4NG/ 最佳答案 让我们开始将angular添加到您的jsfiddle中,将其包装在

javascript - 对象属性值作为类名,ng-class

试图寻找这个问题的答案,但没有成功。在angularJS中使用ng-class时,是否可以将属性的值作为类名?我的意思的一个例子:varthings=[{a:"abc",aTrue:true}];然后在Angular中(在这个例子中使用ng-repeat)我正在寻找类名"abc"-但这给了我一个类名"thing.a"。这甚至可能吗,我哪里错了?在此先致谢,感谢您的帮助。 最佳答案 不起作用的原因是因为它的行为就像一个Javascript对象,所以你不能在javascript中执行此操作,对吗vartest='hello';varob

javascript - 在 angularjs 和 node.js 之间共享库的模式

如何在angularjs和node.js之间共享一个库?例如,angularjs服务通常是一段可重用的代码。我们以URL库为例(拆解并构造URL)。相同的库应该可以在node.js中使用。我的约束是我想共享库代码,但我不想将自己限制在浏览器端的任何加载器库中。因此,如果我需要在浏览器中使用RequireJS,我需要禁用任何加载部分,以便可以在其他地方进行控制。那么我该如何共享代码呢? 最佳答案 在许多支持多种环境的不同地方,您会看到将“服务”的整个返回值包装到从闭包传递给初始化函数的参数中。使用Angular要记住的一个问题是,服务

javascript - 使用angularjs在上传输入类型=文件之前验证文件大小

我的表单中有一个inputtype=file元素。我想创建一个自定义指令,用于在使用输入元素选择文件后立即检查文件大小。我知道如何创建自定义指令,但是在angularjs中有什么方法可以确定所选元素的文件大小。不使用Jquery。js代码:app.directive('checkFileSize',function(){return{require:'ngModel',link:function(scope,elem,attr,ctrl){//addaparserthatwillprocesseachtimethevalueis//parsedintothemodelwhentheus