Javascript AngularJS不会切换视图_Javascript_Html_Angularjs_View

Javascript AngularJS不会切换视图

javascript html angularjs view

Javascript AngularJS不会切换视图,javascript,html,angularjs,view,Javascript,Html,Angularjs,View,单击“添加”按钮后，我尝试切换视图（请参见下面的代码）。但是，当我单击按钮“添加”时，唯一发生的事情是，“/addRecordType”被附加到浏览器中我的URL的末尾，而不是按照config的指示将其解析为“templates/Add record type.html”。为什么会发生这种情况，我如何才能让它工作？谢谢 parserconfig.html <!DOCTYPE html> <html ng-app='parserconfigApp'> <head>

单击“添加”按钮后，我尝试切换视图（请参见下面的代码）。但是，当我单击按钮“添加”时，唯一发生的事情是，“/addRecordType”被附加到浏览器中我的URL的末尾，而不是按照config的指示将其解析为“templates/Add record type.html”。为什么会发生这种情况，我如何才能让它工作？谢谢

parserconfig.html

<!DOCTYPE html>
<html ng-app='parserconfigApp'>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="https://code.angularjs.org/1.3.14/angular-route.min.js"></script>

    <title>Parser Config</title>
</head>

<body>
<div ng-controller='ParserConfigController as parserConfig'>
    <button ng-click="changeView('addRecordType')">Add</button>
</div>
    <script type="text/javascript" src="parserconfigApp.js"></script>
</body>
</html>

应该是

when('/addRecordType', {
    templateUrl: '/templates/add-record-type.html', // Slash added
    controller: 'AddRecordTypeController'
}).

改用location.url

        this.changeView = function(viewName){
            $location.url('/' + viewName);
        }

或者您可以使用ui路由器，它是一种增强的角度路由器，是角度路由的流行替代品

对不起，我的另一个答案没有那么有用，我想这可能是你的解决方案

$location.path(view);

只会更改您的URL，而不会实际加载新路由。如果你立即使用

$scope.$apply()

然后你应该走那条路线

有关未解决此问题的更多信息，请参见。我想知道你有没有试过？我在其他例子中看到过这种方法，现在不能在手机上尝试任何东西。

$location.path(view);

$scope.$apply()