Java 使用AngularJS和Spring的路径变量
我正在尝试使用PathVariable创建包含Hello和name user的简单页面。好吧,如果你来的话,你会在网站上看到“你好,约翰” 我知道很好的Java,但在AngularJS方面我是初学者。我认为这是个问题 Hello控制器Java 使用AngularJS和Spring的路径变量,java,angularjs,spring,Java,Angularjs,Spring,我正在尝试使用PathVariable创建包含Hello和name user的简单页面。好吧,如果你来的话,你会在网站上看到“你好,约翰” 我知道很好的Java,但在AngularJS方面我是初学者。我认为这是个问题 Hello控制器 @Controller @RequestMapping("/{name}") public class HelloController { @RequestMapping(value = "/{name}", method = RequestMethod.GE
@Controller
@RequestMapping("/{name}")
public class HelloController {
@RequestMapping(value = "/{name}", method = RequestMethod.GET)
public @ResponseBody
String name(@PathVariable String name) {
return this.name(name);
}
@RequestMapping("/layout")
public String getHomePage(ModelMap modelMap) {
return "hello/layout";
}
}
角度控制中的Hello控制器
var HelloController = function($scope, $http) {
var name = $name;
$scope.name = function(name) {
$http.get(name).success(function() {
})
};}
app.js
var AngularSpringApp = {};
var App = angular.module('AngularSpringApp', ['AngularSpringApp.filters', 'AngularSpringApp.services', 'AngularSpringApp.directives']);
// Declare app level module which depends on filters, and services
App.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/home', {
templateUrl: 'home/layout',
controller: HomeController
});
$routeProvider.when('/:name', {
templateUrl: 'hello/layout',
controller: HelloController
});
}]);
简单页面hello/layout.html
<div class="alert alert-error" ng-show="error">{{errorMessage}}</div>
<form class="form-horizontal">
<h1>Hello {{name}}</h1>
</form>
{{errorMessage}
你好{{name}
谢谢你的帮助 加载angularJS时,您只需从URL中提取名称,并将其与name scope变量绑定即可
angular.module('sortApp', [])
.controller('mainController', function($scope,$window) {
$scope.name=$window.location.href.split("#/")[1];
console.log($scope.name);
});
然后在HTML中使用{name}绑定它加载angularJS时,您只需从URL提取名称,并使用name scope变量绑定即可
angular.module('sortApp', [])
.controller('mainController', function($scope,$window) {
$scope.name=$window.location.href.split("#/")[1];
console.log($scope.name);
});
然后在HTML中使用{{name}}绑定它当您运行此代码时,打开控制台(google chrome的)并告诉输出是什么?我的意思是我想知道console.log()行的结果。我在代码中做了更改,我忘了在控制器函数中添加$window,糟糕的是我在代码中做了更改。现在试试。当你运行这段代码时,打开控制台(谷歌浏览器),告诉你输出的是什么?我的意思是我想知道console.log()行的结果。我在代码中做了更改,我忘了在控制器函数中添加$window,糟糕的是我在代码中做了更改。现在试试。