Question

我创建了两个输入：

<input type="text" ng-model="x">
<input type="text" ng-model="y">

我想通过$ routeProvider或$ routeParams或其他任何东西将模型中的值绑定到URL。该URL将自动更改。例如：site.com＃/ x / y。相反，如果我请求url像：site.com＃/ 2/4从url到模型输入的值。如何绑定所有这些？

Answer 1

您可以使用$ routeProvider来实现相同的

在你的app.js配置方法中执行以下操作

var myApp = angular.module('myApp',['ngRoute']);
myApp.config(['$routeProvider', function($routeProvider){
$routeProvider.
   when('/details/:itemId, {
   templateUrl: 'partial.html',
   controller:'DetailsController'
   })
]);

myApp.controller('DetailsController', ['$scope','$routeParams', 
function DetailsController($scope,$routeParams){
//The model is retrieved from url in the below line
var modelRetrieved = $routeParams.itemId; 
 }]);

在html中使用以下代码

<html>
<head>
<!-- include angular libraries and app.js -->
</head>
<body ng-app = "myApp">
<!-- binding the model -->
<input type="text" ng-model="x">
<!-- Passing the model to link -->
<a href "/details/{{x}}"></a>
</body>
</html>

如何将模型中的值绑定到URL？

1 个答案: