Css Angular Js类型在选择时提前调用函数

Css Angular Js类型在选择时提前调用函数,css,angularjs,angularjs-scope,typeahead,angular-ui-typeahead,Css,Angularjs,Angularjs Scope,Typeahead,Angular Ui Typeahead,//https://angular-ui.github.io/ //安装应用程序并将ui.bootstrap作为dep传递 var myApp=angular.module(“angulartypeaward”[“ui.bootstrap”]); //为数据源定义工厂 myApp.factory(“状态”,函数(){ var州=[“阿拉巴马州”、“阿拉斯加”、“亚利桑那州”、“阿肯色州”、“加利福尼亚州”、“科罗拉多州”、“康涅狄格州”、“特拉华州”、“佛罗里达州”、“乔治亚州”、“夏威夷州”、

//https://angular-ui.github.io/
//安装应用程序并将ui.bootstrap作为dep传递
var myApp=angular.module(“angulartypeaward”[“ui.bootstrap”]);
//为数据源定义工厂
myApp.factory(“状态”,函数(){
var州=[“阿拉巴马州”、“阿拉斯加”、“亚利桑那州”、“阿肯色州”、“加利福尼亚州”、“科罗拉多州”、“康涅狄格州”、“特拉华州”、“佛罗里达州”、“乔治亚州”、“夏威夷州”、“爱达荷州”、“伊利诺伊州”、“印第安纳州”、“爱荷华州”、“堪萨斯州”、“肯塔基州”、“路易斯安那州”、“缅因州”、“马里兰州”、“马萨诸塞州”、“密歇根州”、“明尼苏达州”、“密西西比州”、“密苏里州”、“蒙大拿州”、“内布拉斯加州”、“内华达州”,“新罕布什尔州”、“新泽西州”、“新墨西哥州”、“纽约州”、“北达科他州”、“北卡罗来纳州”、“俄亥俄州”、“俄克拉何马州”、“俄勒冈州”、“宾夕法尼亚州”、“罗德岛州”、“南卡罗来纳州”、“南达科他州”、“田纳西州”、“德克萨斯州”、“犹他州”、“佛蒙特州”、“弗吉尼亚州”、“华盛顿州”、“西弗吉尼亚州”、“威斯康星州”、“怀俄明州”];
返回状态;
});
//设置控制器并传递数据源
控制器(“TypeaheadCtrl”,函数($scope,States){
$scope.selected=未定义;
$scope.states=状态;
});
正文{
最大宽度:32em;
边距:1em自动0;
}
img{
宽度:30px;
}

Angular.js类型前进
搜寻美国各州
提交
请检查

在控制器文件中添加以下内容:

 $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)"/>
})

在视图中添加以下内容:

 $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)"/>


你可以检查

是的,它现在可以工作了。实际上我以前已经实现了,但是由于使用了引导更新版本,所以不能正常工作,它现在可以在我的旧js中工作。谢谢#92sharmasaurabh