如何将bootstrap向导包含到角度应用程序中

时间:2013-09-02 19:15:35

标签: twitter-bootstrap angularjs wizard

我有以下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

找到bootstrap-application-wizard弹出内容

作为ng-view,即在demo.html中单击Open Wizard后打开的窗口。我不知道如何将ng-view宽度和高度指定为特定尺寸,如750px×375px等。

我是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);
    
  6. 使用“打开向导”突出显示页面呈现,但单击它时没有任何反应。

0 个答案:

没有答案