【Angular2中select用法之设置默认值与事件详解】教程文章相关的互联网学习教程文章

javascript – AngularJS:$watch for select input【代码】

我知道我们可以使用ng-change来解决这个问题,但我想了解为什么$watch在select上工作.也许我做错了,但似乎我不是唯一一个与此斗争的人.这是我的代码: HTML:<div class="list"><label class="item item-input item-select"><div class="input-label">Serveur</div><select ng-model="server" ng-options="s as s.label for s in serverschoice"></select></label></div>JS:.controller('SettingsCtrl', function ($scope, $log, s...

javascript – 用于“html select required”的AngularJS指令【代码】

另一天有另一个问题.我正在我的网络应用程序上再次工作.现在我遇到了问题.主要浏览器不支持’required’属性(http://www.w3schools.com/tags/att_select_required.asp),它仅在第一个选项值为空时有效.那么工作正常,如果表单是$invalid,则提交事件不会执行任何操作,并且当它被“请选择”时保留时.Land*:<br /><select id="countries" name="country" data-ng-model="contact.country" required required-select><option value="">Pl...

javascript – 初始化ng-model时,Angular ui-select占位符不起作用【代码】

我想在每次点击一个按钮时添加一个新的选择, html:<div ng-repeat = "select in selects track by $index"><ui-select ng-model="selects[$index]" theme="select2" ng-disabled="disabled" style="min-width: 300px;"><ui-select-match placeholder="Select a person in the list or search his name/age...">{{$select.selected.name}}</ui-select-match><ui-select-choices repeat="person in people"><div ng-bind-html="pers...

javascript – angularjs ui-select-choices下拉aphabetical顺序取决于给定的输入【代码】

我正在使用https://github.com/angular-ui/ui-select用于我正在处理的网站.目前代码如下:<ui-select ng-model="model.states"><ui-select-match placeholder="State">{{$item.Name}}</ui-select-match><ui-select-choices repeat="item.Code as item in statesArray | filter:$select.search">{{item.Name}}</ui-select-choices></ui-select>当我在输入字段中输入任何内容时,例如“a”,ui-select-choices显示包含“a”的所有字段(...

javascript – Angular Material md-select没有显示错误【代码】

我正在尝试实现一个表单,其中错误消息在单击提交按钮之前不会显示.对于输入,这似乎是开箱即用的,但对于md-select不符合预期. 当我提交表单(没有填写任何内容)时,我收到输入的错误消息,但不是md-select的错误消息. http://plnkr.co/edit/BDB0NVccWckqgnSYD9Qt?p=preview 这是表格:<form name="userForm" novalidate ng-submit="test()"><md-input-container><label>Last Name</label><input name="lastName" ng-model="lastName" r...

javascript – AngularJs与selectboxit的问题【代码】

我的网站上有selectboxit个组件.采用下一个设计: 如果从第二个选择框中选择值将数据渲染到第二列,我选择第一个选择框值渲染数据到第一列时我需要. 我的HTML代码:<table> <tr><td><div id="appVerFirst"><select id="appVersionsFirst" ng-model="version" ng-change="compareVersionEvent(version, 1)"><option ng-repeat="app in compareAppVer | orderBy:$index" value="{{::app.version}}" ng-selected="$last">APP vr. {{::a...

javascript – Angular UI选项卡的Select事件未按预期工作【代码】

我正在使用Angular UI Tabs,如下所示.我的问题是内部uib-tabset选择事件正在加载时触发.换句话说没有点击该选项卡(heading =“抱歉”).你能告诉我如何理清吗?这个问题? 这是Plunker.<uib-tabset active="active"><uib-tab index="0" heading="Static title">Static content</uib-tab><uib-tab index="3" select="alertMe()"><uib-tab-heading><i class="glyphicon glyphicon-bell"></i> Alert!</uib-tab-heading>I've got an HTM...

javascript – 为什么Angular在正确更新模型时,通过在ng-options中为标记添加“selected”属性来更新DOM?【代码】

当我构建一个< select>时使用Angular 1.2.29如果选择一个选项,模型会更新,并且在视觉上< select>表示已选择新选择的选项. 但是,当使用开发人员工具查看标记时,我可以看到选项标记未更新,具体而言,所选属性不会从先前选择的选项中删除,也不会添加到新选择的选项中.<div data-ng-controller="MainController as main"><pre> {{ main.test.item }} </pre><selectdata-ng-model="main.test.item"data-ng-options="item.label for item ...

javascript – 如何在(AngularJS)ui-select组件中设置搜索输入的最大长度?【代码】

假设我有一个ui-select的以下(非常基本的)代码<ui-select ng-model="vm.selected"><ui-select-match><span ng-bind="$select.selected.label"></span></ui-select-match><ui-select-choices repeat="item in vm.items"><span ng-bind="item.label"></span></ui-select-choices> </ui-select>现在,这会生成所有html节点等,其中包含用于搜索和过滤列表中显示的选项的输入. 问题是: 如何设置(在任何变体中)输入搜索的最大长度? 该指...

javascript – Angular ui-select占位符不起作用【代码】

我们一直在使用ui-select(https://github.com/angular-ui/ui-select)来选择像select2这样的主题下拉菜单.此功能在很大程度上与一个方面有所不同:默认占位符. 该代码主要遵循ui-select演示(本页的第3个示例:http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview). 就我而言,默认文本应该是’placeholder’属性.相反,它会显示为空白,直到您选择一个选项.我们一直在使用hack,我们在Angular控制器中设置ui-select-match的值来解决这...