0

我有以下index.jade文件

html
  head
  ....
  ....
  body
  ....
  ....
  .container-fluid
      .row
        .span2
            h3 Links
            ul.nav.nav-pills.nav-stacked  
             li.active  
                a(href="link1") Link 1     
             li 
                a(href="link2") Link 2  
             li 
                a(href="link3") Link 3
        .span10
          .ng-view
        .span.5
           h1 
        .span3
          h3 Field Info

我想要在（https://www.google.com/url?sa=t&rct=j&q=&esrc=s&frm=1&source=web&cd=4&cad=rja&ved=0CDoQFjAD&url=https%3A%2F %2Fgithub.com%2Famoffat%2Fbootstrap-application-wizard&ei=49ckUoThI9LFsATIjIDoDw&usg=AFQjCNGGfJ85a77baLTojgaOHUK0miVHHg&bvm=bv.51495398,d.cWc )

作为 ng-view，即在 demo.html 中单击 Open Wizard 后打开的窗口。我不确定如何将 ng-view 宽度和高度指定为特定大小，例如 750 像素 x 375 像素等。

我是 javascript 和 angular 的新手，不知道如何整合这样的设计并指定 ng-view 大小。

我已完成以下步骤

  1. 将 demo.html 转换为 demo.jade

  2. 在 app.js 中添加路由信息

    app.get('/demo', routes.demo);

  3. 在 routes.js 中渲染 demo.jade：

    exports.demo = function(req, res) {
    return res.render('demo');
};

  4. $routeprovider为角度添加了角度控制app.js

    .when('/demo', {
    templateUrl: 'demo',
    controller: DemoCtrl

  5. 控制器呈现以下内容

    .....
return $http.post('/demo', data).success(successCallback).error(errorCallback);

该页面以突出显示的打开向导呈现，但当我单击它时没有任何反应。

4

0 回答 0