我正在使用有角度的ui-bootstrap
typeahead,并且希望将其用作选择许多选项的方法,因此启动selectMatch方法时,我需要获取选定的值,但是我找不到方法在我的控制器中
<div class='container-fluid' ng-controller="TypeaheadCtrl">
<pre>Model: {{selected| json}}</pre>
<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue">
如果我观看选定的值,则每按一次键都会得到更改…
scope.$watch('selected', function(newValue, oldValue) {... });
我知道方法selectMatch是在用户按Enter或单击列表时调用的方法,但我不知道如何对此进行回调…
谢谢 !
现在有更好的方法。添加了新的回调方法
在控制器文件中添加以下内容:
$scope.onSelect = function ($item, $model, $label) {
$scope.$item = $item;
$scope.$model = $model;
$scope.$label = $label;
};
在视图中添加以下内容:
<input type="text"
ng-model="selected"
typeahead="state for state in states | filter:$viewValue"
typeahead-editable="false"
typeahead-on-select="onSelect($item, $model, $label)"/>
有关更多信息,请参见预先输入规范(搜索onSelect)。
查看以下网址是否对http://www.techguides.in/how-to-create-autocomplete-using-angularjs-
ui/有
帮助
http://www.techguides.in/how-to-customize-autocomplete-to-display-multiple-
columns-using-angularjs-ui-2/
问题内容: 我在Angular UI Grid中有一个项目列表。当我单击一行时,我想转到另一个页面。(换句话说,网格中的每一行都是一个链接。) 我想这肯定是一个非常普遍的愿望,尽管我还没有真正看到过有关如何实现的文档。什么是完成此任务的好方法? 问题答案: 我自己想出了答案。这是我的控制器(ES6): 这是我的行模板(Jade): 另外,这是我的样式表(SCSS)。我认为突出显示光标下的行并使用光
问题内容: 我的路由器看起来像这样: 但是当我使用 与我期望它变成而是我得到。 如何使它通过参数而不进行编码? 问题答案: 如此处所述,您需要为URL参数声明自定义变量类型,以使斜杠不被编码。引用来自github的评论: 如果您确实不希望为斜杠编码,请在regexp中注册一个自定义类型,然后声明item_id为您的自定义类型,即url:/ {item_id:MyType}
问题内容: 我将现有的angular应用程序升级到angular(v1.2.13),ui-router(v0.2.8)和ui- bootstrap(v0.10.0)的所有最新版本。 我有具有多个命名视图的嵌套视图。其中一个命名视图内部具有选项卡。我以前可以在每个标签中进行设置,但现在不再起作用。如果我不使用选项卡,则命名视图将正确呈现。 我创建了一个plunkr以显示我所看到的。 这是我的状态配置
问题内容: 我正在使用:https : //github.com/angular-ui/ui-grid.info/tree/gh- pages/release/3.0.0-RC.18 当我对值进行硬编码时,如上所示,网格扩展了,一切都按预期工作。 但是,如果我执行以下操作… 高度打印在div中,并且div变宽,但是内容本身仅扩大到340px左右。剩下的空间是空白的,所以我只看到8行,而不是25行。
我想让uiviews的alpha动画化,但我似乎做不到。它的行为怪异,并表示错误的运行UI更改不推荐在后台线程上运行,但我不知道如何使它运行在主线程上。谁能帮帮我吗?我相信它跳过了第一个uiview.animate块,并在没有任何动画的情况下执行第二个块中的内容。 函数animateSemaphore(){ }
问题内容: 我想在 angularjs 1.2中 使用unsafe-html 。没有html的过滤器可以工作,而html则不能。我做的事: 我在我的html头中添加了angular-sanitize: 我的角度模块: 我的HTML: 编辑:更新为 问题答案: 已在Angular 1.2中删除。由于您正确地清理了输入内容,因此应该使用。 示例:http://plnkr.co/edit/0bHeXra