Question

我是angularjs的新手并且正在开展项目，需要使用ngView和jade来渲染视图。我也在这里搜索过有关ngView的问题，但是找不到任何有用的信息。我面临的问题是每当我使用ngView作为jade中div的属性时，它会编译jade模板并显示编译后的HTML，如： -

 <div ng-controller='ArticleListCtrl'>

    <!-- ngView:  -->

 </div>

玉石模板是： -

div(ng-controller='ArticleListCtrl')

  div(ng-view)

我的app.js中使用配置功能的路线是： -

var nodeApp = angular.module("nodeApp",["ngRoute"]);

nodeApp.config(['$locationProvider','$routeProvider',function($locationProvider,$routeProvider){

    $routeProvider

        .when('/',{

            templateUrl: 'articles/art.html',

            controller: 'ArticleListCtrl'
        })

    $locationProvider.html5Mode(true);

}]);

那么，如果我做错了什么，有人可以帮助我或指出我正确的方向吗？

这是完整的玉石模板： -

doctype html

html(ng-app='nodeApp' lang='en')

  include ../includes/head

  body

    div(ng-controller='ArticleListCtrl')

      div(ng-view)

这是从上面的玉模板生成的编译html： -

<!DOCTYPE html>

<html class="ng-scope" lang="en" ng-app="nodeApp">

    <head prefix="og: http://ogp.me/ns# nodejsexpressdemo: http://ogp.me/ns/apps/nodejsexpressdemo#"></head>

    <body>

        <div class="ng-scope" ng-controller="ArticleListCtrl">

            <!-- ngView:  -->

        </div>

    </body>

</html>

Angularjs：ngView不在玉中渲染视图

0 个答案: