草庐IT

ng-views

全部标签

javascript - 如何合并 ng-message 消息

我是AngularJS的新手,但我进行了广泛的搜索,但找不到这个问题的有效答案,也许这根本不可能像我想象的那样。我想要的是能够组合错误条件,以便我可以在ng-messages中使用更通用的错误消息模块。由于我们的应用程序是多语言的,因此这为我们节省了大量维护文本的时间。在我的示例中,将minlength、maxlength和pattern结合起来并让它引用1个通用消息会很棒。我让它工作的唯一方法是为每种类型单独的ng-message,然后重复使用对我来说似乎多余的错误文本。希望这是我遗漏的一些简短的东西,比如不理解何时/如何使用,或||。Errormessage:Requiredtex

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 - 没有模型的 backbonejs View

我可以在没有模型的情况下获得View吗?我只想用我熟悉的主干View渲染一些数据。数据不映射到RESTurl或某些模型。我可以这样做还是应该只做一个模型? 最佳答案 您并不总是需要模型。模型和View不必是1:1。事实上,他们可能很少在实践中。某些View可能会呈现多个不同模型的数据。其他人可能不会,而是可能会监听DOM事件,或从第三方来源呈现数据,或任何其他不需要模型的东西。 关于javascript-没有模型的backbonejsView,我们在StackOverflow上找到一个类

javascript - 避免从主干 View 重新渲染图像和其他内容

当我重新渲染主干View时,跳过重新渲染图像和谷歌地图等内容的好方法是什么?每次重新渲染View时(这很常见),我的照片和mapView往往会非常糟糕地闪烁。尤其是图像,模板引擎从头开始布局,这导致图像标签再次从服务器或缓存中获取位图。当然,我仍然希望View对布局保持某种不可知论,所以从技术上讲它不应该知道我们要显示图像,对吧? 最佳答案 我将提供一个与您的假设“Viewshouldbeagnosticofthetemplate”冲突的解决方案。如果您在模型中发生任何更改时调用render(),您的浏览器中将会闪烁,尤其是模板很大

javascript - 在 AngularJS View 中使用 jQuery 插件

我正在处理我的第一个AngularJS项目。到目前为止我很喜欢它,但我现在挂了电话。我的项目的结构使得我的index.html中有一个单独的ng-view,它根据当前路由填充了单独的HTML模板/部分。在其中一个部分中,我想使用jQueryDateFormatplugin使用Angular表达式格式化解析为模板/部分的SQLite日期时间字符串:{{find.addDate}}我在index.html中包含了带有脚本标签的插件,我认为从那里它会像在我的模板/部分中做这样的事情一样简单:{{$.format.date(find.addDate,"dd/MM/yyyy")}}或者也许:{{

javascript - 添加 View 框时鼠标位置发生变化

我目前正在学习和使用JavaScript和SVG,我是新手。这是我的场景我有一个div,里面有一个SVG。现在我想知道鼠标相对于我的div的位置所以我写了下面的代码odiv=document.querySelector('#O_div');XOffset=$(Odiv).position().left;YOffset=$(Odiv).position().top;//Andonmymousemoveevent$('#O_div').mousemove(function(event){varmouseX=event.clientX-XOffset;varmouseY=event.clie

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