草庐IT

ng2-select

全部标签

javascript - 在 Select2 中获取和缓存结果

我的应用程序使用select2来显示通过Ajax调用检索的名称列表。它使用select2ajax功能。但问题是每当我在select2输入上键入时,select2都会获取项目。我不想每次用户输入时都获取。我想在select2的初始加载中获取项目,然后使用相同的数据,即使他们在select2输入中键入也是如此。我怎样才能做到这一点?PS:我在Ajax中看到过缓存标志,但我认为它会根据URL缓存结果。当用户在select2输入上键入时,它不会停止获取数据。 最佳答案 Select2使用ajax就地缓存加载数据。$("#selIUT").s

javascript - Angular 2 “ng-style” “*ngFor” 内背景颜色变化

我正在尝试使用ng-style应用背景颜色。列表的每一行都是使用ngFor生成的。每个元素都有单独的背景颜色{{item.category}}还有Typescript.ts:varcharacters=[{name:'Gollum',quote:'Sneakylittlehobbitses!',items:[{bgcolor:'fb9667',img:'airTicket',category:'Airtickets'},{bgcolor:'000000',img:'airTicket',category:'Beauty/Fitness'},{bgcolor:'0b9660',img:'

javascript - 如何在 select2 多选中预选值?

我有这样的多项选择:AppleMangoOrange现在,除了必须在选择框中选择的那些选项外,我还需要额外的ajax功能,这些功能将从远程源提供值。这是我的select2代码$(function(){$(".myList").each(function(){$(this).select2({placeholder:"Searchforfruits",minimumInputLength:2,multiple:true,id:function(e){returne.id+":"+e.name;},ajax:{url:"https://localhost:8443/fruit_search

javascript - 如何在 Reactjs 中使用 Select2?

我有这样的依赖字段如果我有5组件。如何添加Select2每个组件。我在网上搜索。但找不到任何有效的解决方案。Codebelowforreact-select.GettingerrorTypeError:event.targetisundefined.varReact=require('react');varReactDOM=require('react-dom');varSelect=require('react-select');varPage=React.createClass({getInitialState:function(){return{firstValue:''}},h

javascript - d3.select 方法不起作用

我是datavis和D3库的新手,我正在尝试按照此处的指示操作http://mbostock.github.com/d3/tutorial/bar-1.html当我运行代码时,我的网页上没有任何显示,谁能指出问题所在??我认为它与d3.select方法有关。当我运行代码并检查它时,主体是空的,所以我假设没有创建任何东西。任何帮助将不胜感激!!!3Dtut-1vardata=[4,8,15,16,23,42];//containerforthebarchartvarchart=d3.select("body").append("div").attr("class","chart");//

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - 带有 ng-repeat、ng-show "Show more"和延迟加载的 Angular 指令

我使用此指令,遍历数组“myArr”,过滤一些条件。这给了我两个问题,我想就此征求意见:a)ng-show部分在那里是因为我有一个条件可以处理这个:Showmore为了显示或隐藏“显示更多”部分。我想不出另一个关于切换这个和/或项目本身的想法。$scope.visible在Controller内部设置为10,一旦我们开始。我无法使用limitTo,因为它无法让我确定是否还有更多要显示的内容,因为它当然会将数组“切碎”到设定的限制。b)在指令内部,模板打印一个标签。只要这些图像未显示在上述结构中,我如何才能阻止它们加载?提前致谢! 最佳答案

javascript - 为什么 angular ng-disabled 与 bootstrap btn 类一起使用?

我有一个anchor标记,ng-disabled指令根本不起作用。它适用于按钮,但只要我将Bootstrap的btn类添加到anchor标记,Angular的ng-disabled就会开始正常工作!这是如何运作的? 最佳答案 ngDisabled仅适用于响应disabled的元素属性(输入、文本区域、单选按钮、按钮标签...等)。在Bootstrap中,您必须将“禁用”类添加到您的btn元素。看起来像这样:I'mabutton!要以Angular执行此操作,请在指令/Controller中定义一个变量,如下所示:$scope.dis

javascript - 如何在 ng-options 中设置默认值

我可以在angularjs中设置一个带有默认值的下拉列表,{{option.name}}如何使用ng-options实现同样的效果?我用,但是没有用。samplefiddleishere 最佳答案 使用ng-init为ng-options设置默认值。这是:demo 关于javascript-如何在ng-options中设置默认值,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/33

javascript - Vuetify v-select onchange 事件返回先前选择的值而不是当前值

我有一个我想用作URL列表以导航到其他页面的下拉列表。我遇到的问题是onchange我正在使用的事件返回先前选择的值而不是当前选择的值。我调整了代码以打印到控制台而不是用于测试。:hint功能运行良好,所以我确定这与onchange有关功能。Codepen代码如下:/*eslint-disable*/newVue({el:'#app',data(){return{select:{report:'Rep1',src:'/rep1'},items:[{report:'Rep1',src:'/rep1'},{report:'Rep2',src:'/rep2'}]}},methods:{cha