与<select>，angular js </select>进行深层链接

Question

我想启用与select元素的深层链接

<select ng-model="query">
    <option ng-repeat="product in products">{{product.code}}</option>
</select>

因此，当我选择某些内容时，我希望将网址更改为app / productcode

有什么想法吗？

Answer 1

您应该将您的选择更改为：

<select ng-model="query" ng-options="product.code for product in products"></select>

在您的控制器中，您将使用$ location服务通过手表更改为您想要的路线。有点像：

$scope.$watch('query', function() {
   $location.path('/some/route/' + query);
});