Javascript 角度ui引导在选中时更改，添加新条目，聚焦时显示列表 抄袭答案。

下面我有一个自动填充文本字段的工作示例，我必须对其启用一些自定义

我想在上面做以下事情：

选择列表项时生成事件ng更改

如果未找到项目，则在列表中显示新建

在文本字段中聚焦/单击文本字段时显示所有列表项

以下是继续前进的道路：

代码

angular.module（'ui.bootstrap.demo'，['ngAnimate'，'ngSanitize'，'ui.bootstrap']）；
angular.module（'ui.bootstrap.demo'）.controller（'TypeaheadCtrl'，function（$scope，$http）{
选择var_；
$scope.selected=未定义；
$scope.states=[
{  
“@type”：“CR”，
“公司ID”：1819年，
“公司代码”：“NVX”，
“法律名称”：“Navex”，
“dbaName”：“Navex公司”，
“形成”：“P”，
“firstName”：空，
“middleName”：空，
“lastName”：空，
“dob”：空，
“登记处”：{
“人格”：2，
“类别”：空，
“名字”：“亚瑟”，
“middleName”：“Parho”，
“姓氏”：“本吉曼”，
“dob”：空，
“地址”：空，
“联系人”：空，
“全名”：“本吉曼，亚瑟”
},
“提交日期”：空，
“文件编号”：空，
“文档编号”：空，
“ssn”：空，
“ein”：空，
“内部”：正确，
“业务”：{
“代码”：“CR”，
“价值”：“承运人”
},
“地点”：[
{  
“id”：1821，
“地标”：“4104横幅博士”，
“类型”：{
“代码”：“P”，
“值”：“物理”
},
“street1”：“4104 Banner Dr.”，
“street2”：空，
“城市”：“休斯顿”，
“州”：“TX”，
“zip”：“77550”，
“国家”：空，
“纬度”：空，
“经度”：空，
“联系人”：[
],
“行动”：0
}
],
“mcNumber”：“124578”，
“dotunitSeries”：“111”，
“billingMethod”：空，
“商业名称”：“Navex”
}, {  
“@type”：“SH”，
“公司ID”：1824年，
“公司代码”：空，
“法律名称”：空，
“dbaName”：空，
“形成”：“我”，
“名字”：“西坎达尔”，
“中间名”：“，
“姓氏”：“阿里”，
“dob”：“2018年1月5日”，
“registeredAgent”：空，
“提交日期”：空，
“文件编号”：空，
“文档编号”：空，
“ssn”：124578963，
“ein”：空，
“内部”：正确，
“业务”：{
“代码”：“SH”，
“价值”：“托运人”
},
“地点”：[
{  
“id”：1825，
“地标”：“詹妮弗街2202号”，
“类型”：{
“代码”：“P”，
“值”：“物理”
},
“街1号”：“詹妮弗街2202号”，
“street2”：空，
“城市”：“达拉斯”，
“州”：“TX”，
“zip”：“77880”，
“国家”：空，
“纬度”：空，
“经度”：空，
“联系人”：[
{  
“id”：1826，
“中等”：{
“代码”：“EM”，
“值”：“电子邮件”
},
“serviceLocator”：sikandarali744@gmail.com",
“首选”：正确，
“行动”：0
}
],
“行动”：0
}
],
“dotunitSeries”：空，
“billingMethod”：空，
“mcNumber”：空，
“商业名称”：“阿里，西坎达尔”
},
{  
“@type”：“TS”，
“公司ID”：1827年，
“公司代码”：“，
“法律名称”：“Wayis”，
“名称”：“，
“形成”：“C”，
“firstName”：空，
“middleName”：空，
“lastName”：空，
“dob”：空，
“registeredAgent”：空，
“提交日期”：空，
“文件编号”：空，
“文档编号”：空，
“ssn”：空，
“ein”：空，
“内部”：正确，
“业务”：{
“代码”：“TS”，
“值”：“卡车停靠点”
},
“地点”：[
{  
“id”：1828，
“地标”：“2001拉维街”，
“类型”：{
“代码”：“P”，
“值”：“物理”
},
“街道1”：“2001拉维街”，
“street2”：空，
“城市”：“达拉斯”，
“州”：“你好”，
“zip”：“12345”，
“国家”：空，
“纬度”：空，
“经度”：空，
“联系人”：[
],
“行动”：0
}
],
“dotunitSeries”：空，
“billingMethod”：空，
“mcNumber”：空，
“业务名称”：“Wayis”
}, {  
“@type”：“BR”，
“公司ID”：1871年，
“公司代码”：“，
“法律名称”：“E2财务”，
“DBName”：“E2F”，
“形成”：“C”，
“firstName”：空，
“middleName”：空，
“lastName”：空，
“dob”：空，
“registeredAgent”：空，
“提交日期”：空，
“文件编号”：空，
“文档编号”：空，
“ssn”：空，
“ein”：空，
“内部”：错误，
“业务”：{
“代码”：“BR”，
“价值”：“经纪人”
},
“位置”：空，
“mcNumber”：“124578”，
“计费方法”：“MCS”，
“dotunitSeries”：空，
“商业名称”：“E2金融”
}
]
//任何返回承诺对象的函数都可以用于异步加载值
$scope.getLocation=函数（val）{
返回$http.get（'//maps.googleapis.com/maps/api/geocode/json'{
参数：{
地址：瓦尔，
传感器：错误
}
}).然后（功能（响应）{
返回response.data.results.map（函数（项）{
返回item.u地址；
});
});
};
$scope.ngmodeloptionselected=函数（值）{
if（arguments.length）{
_所选=值；
}否则{
返回(已选择);；
}
};
$scope.modelpoptions={
去盎司：{
默认值：500，
模糊：250
},
getterSetter：是的
};
$scope.statesWithFlags=[{'name'：'Alabama'，'flag'：'5/5c/flag_of u Alabama.svg/45px-flag_of u Alabama.svg.png'}，{'name'：'Alaska'，'flag'：'e/e6/flag_of u Alaska.svg/43px-flag_of u of u Alaska.svg.png'}，{'name'：'Arizona'，'flag'：'9/9d/flag_of Arizona.svg.'，{'name'：'Arkansas'，'flag'：'9/9d/flag_of_Arkansas.svg/45px-flag_of_Arkansas.svg.png'}，{'name'：'California'，'flag'：'0/01/flag_of_California.svg/45px-flag_of_California.svg.png'}，{'name'：'Colorado'，'4/46/flag_of_Colorado.svg'.'，{'name'：'Connecticut'，'flag'：'9/96/flag_of_Connecticut.svg/39px-flag_of_Connecticut.svg.png'}，{'name'：'Delaware'，'flag'：'c/c6/flag_of_Delaware.svg/45px-Fla'