Angularjs ng在选择下拉列表中将html和ng模型绑定在一起

我有如下JSON文件

var LocationList = [
{"id":1,"value":"ABC"},
{"id":2,"value":"XYZ"},
.
.
.
]

我正在尝试动态填充我的HTML下拉列表，如下所示

角度代码： .factory（'locationService'，函数（$filter）{

var位置={}；
位置。模板=”；
Location.getLocation=函数（）{
变量模板=“”+$filter（'translate'）（'lSummary_Location_text'）+“”；
LocationList.forEach（功能（loc）{
var value=loc.value+'/ID:'+loc.ID；
模板+=''+loc.value+''；
});
Location.Template=模板；
},
Location.getTemplate=函数（）{
返回位置。模板；
}
返回位置；
})
.controller（'secondInfoCtrl'，函数（$scope，locationService，$sce）{
$scope.locationList=$sce.trustAsHtml（locationService.getTemplate（））；
//从本地存储器返回数据
$scope.Location=SecondScreenService.getInfo（）；
})

HTML:

问题: 当我从下拉列表中选择一个选项并移动到下一页，然后再次返回到同一页时，ng模型不起作用。预期的行为是，下拉列表应设置为用户选择的值，但下拉列表显示1个选项为已选择

如果我没有记错的话，ng模型在ng绑定html之前运行，因此如果没有填充下拉列表，将如何选择该值

是否有任何方法延迟ng模型，以便首先填充列表，然后再进行绑定

我可以知道我哪里出错了吗

提前感谢

您应该仔细阅读，不需要任何html绑定，您可以这样做：

控制器：

$scope.LocationList = LocationList;

HTML:

我正在开发移动应用程序。因为JSON对象很大，所以我不回避任何选项。因为它在HTML呈现时工作，所以在从一个页面移动到另一个页面时会导致延迟。如您所见，我尝试在factory中创建选项，并使用ng bind HTML将其绑定到HTML。这提高了导航性能，但ng模型不起作用。你知道为什么ng模型不能与ng bind html一起工作吗？你可以把它隐藏在$timeout后面，以便在下一个摘要周期中得到它（你在这里基本上就是这么做的）。

<select id="location" ng-model="Location.location" ng-bind-html="locationList"></select>

$scope.LocationList = LocationList;

<select id="location" 
    ng-model="Location.location" 
    ng-options="location as location.value for locaiton in LocationList"
></select>