Question

我在使用Angular.js $ routeProvider时遇到问题，我在菜单上有一个链接，通过角度路径进行映射，稍后会在Spring中调用一个动作，但它不起作用！以下是我的文件......

menu.jsp的片段

<li>
    <a class="tooltip-tip ajax-load" href="#" title="Clientes"><i class="entypo-user"></i><span>Clientes</span></a>
    <ul>
        <li><a class="tooltip-tip2 ajax-load" href="#/customer" title="Novo Cliente"><i class="entypo-newspaper"></i><span>Novo Cliente</span></a></li>
    </ul>
</li>

app.js

var app = angular.module('jooceboxCrm', ['ngRoute', 'service', 'customer', 'ui.bootstrap']);

customer.js

var app = angular.module('customer', []);

app.config(function($routeProvider, $locationProvider, $httpProvider) {
    //Set CSFR Token 
    $httpProvider.defaults.headers.common["X-CSRF-TOKEN"] = $("meta[name='_csrf']").attr("content");

    console.log('Acesso a Configuração do RouteProvider.');
    $routeProvider.when('/customer', {
        templateUrl : '/viatge/auth/customer',
        controller : 'customerController'
    }).otherwise({
        redirectTo : '/customer'
    });
});

app.run([ '$rootScope', function($rootScope) {
    $rootScope.customer = [];
    console.log('app.run');
} ]);

app.controller([ 'customerController', function($scope) {
    console.log('customerController');
} ]);

修改

我使用Spring MVC和Tiles框架来渲染我的页面。所以模板url的值指向Spring MVC控制器中的一个方法：

templateUrl : '/viatge/auth/customer'

@Controller
@Transactional(propagation = Propagation.REQUIRED)
@RequestMapping("/auth")
public class CustomerController {

    final static Logger logger = LoggerFactory
            .getLogger(CustomerController.class);

    @Autowired
    private CustomerFacade customerFacade;

    @RequestMapping("customer")
    public String customerScreen() {
        return "customer/newCustomer";
    }
}

我正在关注此tutorial

菜单链接不使用angular $ routeProvider和Spring MVC

修改

0 个答案: