草庐IT

ng2-select

全部标签

javascript - 如果 initSelection() 未在 select2 插件中定义错误,则无法调用 val()

我正在使用select2插件加载远程数据。我正在使用一个返回JSON数据的aspx页面,并将其分配给select2插件。用户从select2文本框中选择一些值后,我强制页面回发。回发后,我使用以下代码重新加载以在select2文本框中设置文本。vardata={"PatientID":"XYX","Email":"testing@gmail.com"};$('#e6').select2('val','123');但系统抛出以下错误:如果未定义initSelection()则无法调用val()即使我定义了init,我也无法设置值。我正在使用以下代码。请帮我在回发后设置select2文本框

javascript - 限制 jQuery select2 最大选择选项

我引用了select2jQuery插件提供的这个文档。http://ivaynberg.github.io/select2/但是当我使用这段代码来限制用户一次可以选择的选项数量时:$(document).ready(function(){$(".select2").select2({maximumSelectionSize:2});});这里是选择标签的html:Store->get_all_stores_names()as$row){//print_r($row);echo'name.'">'.$row->name.'';}?>当我尝试限制它时,我在控制台中收到此错误:Uncaugh

javascript - 使用动态源将动画保留在 ng-include 上

我有一个ng-include,它根据动态url加载内容(按预期工作)。当我尝试为内容的enter和leave设置动画时,问题就来了(根据Angular文档,这是ng-include提供的两个事件用于动画)。.my-content-area.ng-enter,.my-content-area.ng-leave{transition:all500ms;}.my-content-area.ng-enter{opacity:0;}.my-content-area.ng-enter.ng-enter-active{opacity:1;}.my-content-area.ng-leave{opac

javascript - 在 SPA 应用程序中使用 AngularJs 在 ng-view 中加载外部页面

有没有办法在angularjsng-view中插入外部网页。例如,当我在我的示例中按下带有ng-route的链接时,我希望在我自己的网页中加载一个外部页面。在这个例子中,我希望当我点击外部时,应该加载另一个页面。我尝试过使用ng-include但没有用。http://plnkr.co/edit/vkAvZ2hGUjHlfHy0ul1z感谢您的帮助。 最佳答案 为什么不在部分模板中使用iframe?(second.html)http://plnkr.co/edit/DngozsvRhvJ3Ssr0amzK

javascript - 如何创建一个指令,根据条件在目标元素上添加 ng-class 和 ng-disabled?

我有以下代码:app.directive"ngDisableOnVar",($compile)->restrict:"A"terminal:truepriority:1000replace:falsescope:{}compile:compile=(element,attrs)->cattr=attrs["ngDisableOnVar"]element.attr("ng-class","{'disabled':!#{cattr}}")element.attr("ng-disabled","!#{cattr}")element.removeAttr("ng-disable-on-var"

javascript - TypeError : $(. ..).selectize 不是函数

我将“selectize-rails”gem安装到我的rails应用程序中,我正在尝试让它工作。我的Web控制台中不断出现此错误:TypeError:$(...).selectizeisnotafunction浏览器中没有任何反应。这是我到目前为止的代码,遵循此页面中的“电子邮件联系人”示例:http://brianreavis.github.io/selectize.js/views/emails/new.html.erb$(document).ready(function(){console.log(typeof$.fn.selectize==='function');//true

javascript - 我想使用 ng-if 跳过 ng-repeat 中的项目

我正在尝试在ng-repeat中使用ng-if来实现Accordion。根据条件值,ng-repeat应该跳过ng-repeat中的一些项目。例如如果item.condition为真,则只有它应该显示Accordion。下面的代码是我目前所拥有的,但无法正常工作。看起来对吗?{{item.label}} 最佳答案 你的ng-if包含双引号,应该是ng-if="item.condition==true",同时删除,来自Accordion元素您也可以将您的条件最小化为ng-if="item.condition"那么表达式将返回true和

javascript - AngularJS 在 ng-repeat 的当前迭代中定位元素

我确信这个问题已经以一种或另一种形式回答了无数次,但是我不确定要搜索什么才能找到解决方案。假设我们有一个简单的ng-repeat:GetTextBoxValue在javaScript文件中:function$scope.getTxtBoxVal(val){alert(val)}基本上我想知道应该在whatDoIPassInHere中传递什么参数,在jquery中类似于:$(this).siblings(input).val()我有一个解决方法,就是给每个文本框一个唯一的ID:>并用唯一ID定位它,但我相信有更优雅的方式来处理这个问题 最佳答案

javascript - ng-选项 : how to put empty option at the end?

目前,我有这样的东西(简化版):Someoneelse这会创建一个下拉菜单,其中包含用于人名的选项和顶部用于“其他人”的空选项。问题是,如何在下拉列表的底部获得空选项?我非常想继续使用ng-options为此,特别是因为控制默认选项的位置似乎是一个太小的变化,无法证明稍微冗长的是合理的。方式。谢谢! 最佳答案 使用value=""的选项喜欢:Someoneelse如果你想在点击下拉列表时在底部显示其他人,你可以使用。{{person.name}}Someoneelse 关于javascr

javascript - 如何为选择列表的自定义指令实现 ng-change?

我的指令使用代码我的指令代码.directive('inputSelect',function(){return{templateUrl:'someTemplate.html',restrict:'E',scope:{ngModel:'=',ngChange:'='}};});我的指令模板因此,当所选项目发生变化时,函数someFunction()被无限次调用(尽管更改只完成一次),应该更改什么以确保someFunction()只调用一次(someFunction()是Controller范围内的一个函数,在该Controller中使用指令)[我确实尝试使用&和@作为ngChange的