jjzjj

ng-pattern

全部标签

javascript - Angular Directive(指令) : Adding ng-class directive at compile time on existing template element

长话短说,这个想法是通过不必手动添加ng-class={'has-error':'formName.inputName.$invalid'}来简化模板每一个form-group所以我想创建一个指令来生成一个字符串,该字符串将被添加到模板元素中。该字符串是一个带有表达式的ng-class属性我认为创建一个在编译阶段添加ng-class属性的快速指令就足够了,但它似乎并没有削减它。指令定义对象{restrict:'C',compile:function(tElement,tAttrs){var$elem=angular.element(tElement),formName=$elem.pa

javascript - 如何在 Angular 2 CLI 中使用 "ng build --prod"和 "ng serve --prod",出现 404 错误

当我尝试使用--prod选项运行ngbuild时,它会编译成一个main.js文件,并且我在控制台中没有收到任何错误。但是当我在浏览器中运行应用程序时,它仍然会查找单独的js文件。我的main.ts://defaultimport{provide,enableProdMode,ExceptionHandler}from'@angular/core';import{LocationStrategy,HashLocationStrategy}from'@angular/common';import{bootstrap}from'@angular/platform-browser-dynam

javascript - 带条件语句的 ng-init

我有一个AngularJS应用程序,当页面加载时会执行getTableData,但我想检查一个变量$rootScope.Dealer并切换初始化的函数名。例如:如果存在$rootScope.Dealer值,我想执行名为getDealerData的函数如果没有设置值需要执行getTableData函数。如何在anglarjs模板中制作它。我刚刚尝试了ng-if,但它不起作用... 最佳答案 您可以像这样在ng-init指令中使用简单的Javascript语法:这是给你的plnkr(我已经将后端路由生成更改为文本):https://pl

javascript - 写入 Firebase 时将 Angular ng-model 转换为整数

我正在使用AngularFire获取输入并将它们保存到我的Firebase数据库中。目前,我有一个用于输入服务价格的输入,就像这样(我使用的输入类型是“文本”而不​​是“数字”,因为我不希望它在旧浏览器中引起问题):但是,当我在提交表单时(使用更新函数)将其写入我的Firebase时,它​​会将值$scope.priceMonthly写入字符串而不是整数。将此值写为整数而不是字符串的最佳方法是什么? 最佳答案 type="number"怎么样,比如:因为你想让用户只写数字。$scope.myText应该是这种情况下的数字。作为旁注:

javascript - 在指令中观看 ng-model

我有以下指令:directive('myInput',function(){return{restrict:'AE',scope:{id:'@',label:'@',type:'@',value:'='},templateUrl:'directives/dc-input.html',link:function(scope,element,attrs){scope.disabled=attrs.hasOwnProperty('disabled');scope.required=attrs.hasOwnProperty('required');scope.pattern=attrs.pat

javascript - ng-click、ng-mouseover 等是否会创建观察者并减慢页面速度?它比 jQuery 事件绑定(bind)更好吗?

我想知道在整个应用程序中大量使用ng-click、ng-mouseover等指令是否会导致类似于ng-repeat的性能问题?我正在使用AngularJS开发一个应用程序。由于ng-repeat和它创建的观察者数量,我已经遇到了很多问题。性能受到了影响,我正在努力解决。 最佳答案 在Angular的事件指令中没有创建额外的watch。事件指令非常简单,使用jquery(如果不包含jquery,则使用jqLit​​e)将事件监听器添加到带有指令的元素(即ng-click)。这是以Angular设置事件指令的代码。如您所见,他们并没有创

javascript - 在 ng-repeat 中显示子数组

在我的Angular应用程序中,我有以下像这样填充的元素:HTMLModel[[model.model]]JS$scope.manufacturerModels=$filter('filter')($scope.models,{manufacturer_id:manufacturerId});上述AngularJS代码段将返回存储在API中的手机型号的JSON响应。(我会在这里发布一个示例,但每个对象都非常冗长)。无论如何,在每个“模型”中都有一个变体子数组——包含该设备可用的颜色和内存大小的对象。例如:{model:"iPhone6",manufacturer:"Apple",var

javascript - IE 中的 AngularJS 错误与风格 vs ng 风格

我正在使用AngularJSv1.1.5,发现了一个有趣的IE相关问题。在IE9、10、11和Edge中,以下内容似乎不起作用,尽管它在Chrome中运行良好:虽然这适用于所有浏览器:我很好奇为什么第一个选项在IE/Edge中不起作用。是否有任何已知的错误? 最佳答案 当IE9和10尝试呈现该HTML时,它基本上会删除在要解析的HTML上找到的无效HTML。所以style="display:{{'block'}}"被认为是无效的html,因为它有未知的{{}}语法并且它使得呈现为style=""的属性除了ng-style之外,您还可

javascript - 运行 ng build 时的 EPERM : operation not permitted, lstat

尝试在我的Angular4应用程序上运行ngbuild时出现错误。EPERM:operationnotpermitted,lstat''有人遇到过这个问题吗?TIA 最佳答案 我遇到了同样的问题。正如@MauricioDeLaQuintana所说,问题在于许可。就我而言(Windows环境),我通过从Repos文件夹中删除只读属性并为Everyone用户添加写入权限来解决问题。 关于javascript-运行ngbuild时的EPERM:operationnotpermitted,lst

javascript - 使用 {{expression}} 动态创建 ng-model 不起作用?

我正在做一个Angular项目,我需要根据一系列问题创建一个表单。我想为数组中的每个问题创建ng-model。所以我想出了类似下面的方法,但它不起作用。{{question.label}}:Required!有人可以帮我解决这个问题吗?提前致谢。 最佳答案 formQuickView[question.label].$error.required这是常规的JavaScript语法。您想要访问formQuickView的属性名称由question.label定义.更新不知何故我错过了要点,ng-model表达。基本上你在这里做同样的事