草庐IT

ng-pattern

全部标签

javascript - ng-model 和下拉列表,获取名称,而不是值

我试图在下拉列表中读取选定的选项名称/文本/html,而不是通过angular.js读取它的值。这是我的做法,但这会返回值,而不是名称:在我的html中{{car.Name}}在我的Controller中varcar=$scope.SelectedCar;“car”的值将是car.Guid,但我想返回car.Name。我无法删除该值的car.Guid,因为此Guid已被我的应用程序中的另一个组件使用。 最佳答案 您需要使用ng-options中的“as”。它允许您在存储另一个值的同时显示一个值。看看下面的代码块:来self的Cont

javascript - Angular JS 处理 Ng 重复的 HTML5 视频和 $SCE

JSfiddle在这里:http://jsfiddle.net/TegFf/73/从这里answer,我知道Angular1.2附带启用了严格上下文转义(SCE)。这会影响对HTML5视频使用ng-src的表达式的解析器。我知道如果我将$sce.trustAsResourceUrl(videoURL)包裹在我的每个视频源周围,那么Angular将正常播放它们。但是,我正在从API返回视频源列表。遍历数组中的项目、将每个源分配为$sce.trustAsResourceUrl,然后在我的View中遍历该新数组对我来说代价高昂。将我的所有视频源分配为受信任的最有效方法是什么,而无需遍历所有视

javascript - ng-repeat 中的总量

我需要帮助计算这个ng-repeat中的tickets.number总数HTML{{tickets.match}}{{tickets.number}}{{tickets.company}}{{tickets.contact}}{{tickets.mail}}{{tickets.phone}}EditRaderaTotalof:{{totalTickets()}}tickets我的controller.js$scope.totalTickets=function(){} 最佳答案 您可以使用ECMAScript5Array.proto

html - 如何在 Angular 2 中包含没有条件的 ng-template 元素

我的Angular模板中不止一次需要一个HTML片段。我没有多次编写HTML代码,而是决定将其放入ng-template元素中,并在代码中复制该元素。例如:SomeHeaderSometext...我现在如何在模板中的某处包含此ng-template元素?我知道,这可以通过使用ngIf语句来实现,如下所示:但是,这对我来说感觉像是一个肮脏的hack。还有其他可能吗? 最佳答案 SomeHeaderSometext...我们绝对可以使用“ng-container”在页面上实例化“myTemplate”模板。我们通过其模板引用#myTe

javascript - 为什么 ng-model 不更新 Controller 值选择?

这是HTML代码:selecteditemis:{{selectedItem}}ageofselecteditemis:{{selectedItem.age}}这是AngularJS的代码:varapp=angular.module('myApp',[]);app.controller('SelectCtrl',function($scope){$scope.items=[{name:'one',age:30},{name:'two',age:27},{name:'three',age:50}];$scope.selectedItem=$scope.items[0];console.l

html - AngularJS ng-repeat 水平到垂直的元素

我有一个ng-repeat放在向左浮动并且水平显示的列表有没有办法重复相同但垂直的,如下所示:来自:元素1元素2元素3元素4元素5Item6Item7Item8Item9Item10到:元素1元素3元素5元素7元素9元素2元素4元素6元素8元素10如果有什么办法,请帮忙 最佳答案 当然,您可以使用column-count:例如:ul{column-count:5;-webkit-column-count:5;-moz-column-count:5;}DemoFiddle 关于html-A

javascript - 使用 ng-click 从模式重定向并且数据关闭不起作用

我试图通过向ng-click添加一个函数来从一个页面中的模式导航到另一个页面。当我删除分配给ng-click的功能时,数据关闭正常工作并且模态被删除。但是当我将ng-click与一个重定向到另一个页面的函数一起使用时,它会被定向到该页面,但模式并没有被取消。(新页面似乎处于禁用状态)AddProjectaddNewProject()函数重定向到另一个页面,并将模态中的详细信息添加到数据库中。我想知道一种以可编辑的方式获取稍后加载的页面的方法。(应该完全删除模式。) 最佳答案 $(".modal-backdrop").hide();在

html - ng-在表列上重复

所以我有一个从休息服务返回的列表。现在,我想以列格式显示此对象,现在在第一行。所以它会是这样的:firstName:BobAliceLastName:DoeJoeEmailId:bob@xyz.comalice@abc.comContactNo:12312312444那么我如何在这里使用ng-repeat:firstName:('Nameshouldbedisplayedhere') 最佳答案 您可以在td元素上使用ng-repeat。firstName:{{person.firstName}}{{person.lastName}}

javascript - Angular 表单验证 ng-disabled 不起作用

我正在尝试在我的博客文章表单中使用Angular表单验证,更具体地说是禁用ng的表单。由于我无法弄清楚提交按钮未被禁用的原因,除非所有三个输入字段都有效,否则它应该被禁用。谢谢您的帮助。这是我的博客模板TeewinotBlgoTitleContentPassCodeSubmitPost这是我的index.htmlTeewinot这是我的博客Controllerangular.module('Teewinot').controller('BlgoCtrl',function($scope,$http){'usestrict'}); 最佳答案

javascript - ng-更改延迟,angularjs

我正在使用angularjs开发一个应用程序,它在屏幕上显示一些带有数字数据的文本字段。它们看起来像这样:问题是每次我写一个数字或从文本字段中删除一个数字时,ng-change指令都会调用该函数。是否可以对ng-change函数应用一些延迟之王? 最佳答案 您可以使用ngModelOptionsdebounce:integervaluewhichcontainsthedebouncemodelupdatevalueinmilliseconds.Avalueof0triggersanimmediateupdate.代码