如何正确配置的角度，流星有内容显示在页面上(how to properly configure an

开始建立角流星应用添加urigo：角流星加入urigo：角-UI-路由器创建的路线：

angular.module("app").config(['$urlRouterProvider', '$stateProvider', '$locationProvider',
    function($urlRouterProvider, $stateProvider, $locationProvider){

        $locationProvider.html5Mode(true);

        $stateProvider
            .state('home', {
                url: '/home',
                templateUrl: 'client/views/index.ng.html',
                controller: 'DropDownCtrl'
            });

        $urlRouterProvider.otherwise("/home");
    }]);

index.ng.html创建：

<html>
<head>
  <title>hello</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <link href="../css/ej.widgets.all.min.css" rel="stylesheet" />
    <link href="../css/default.css" rel="stylesheet" />
    <link href="../css/default-responsive.css" rel="stylesheet" />
    <link href="../css/responsive-css/ej.responsive.css" rel="stylesheet" />

    <script src="../js/jsrender.min.js"></script>
    <script src="../js/jquery.globalize.min.js"></script>
    <script src="../js/jsondata.min.js"></script>
    <script src="../js/ej.web.all.min.js"></script>
    <script src="../js/jsondata.min.js"></script>
    <script src="http://cdn.syncfusion.com/12.2/js/ej.widget.angular.min.js"></script>
    <!--<script src="client/js//properties.js" type="text/javascript"></script>-->
</head>

<body ng-app="app">
    <div ng-controller="DropDownCtrl">
      <h1>Welcome to Meteor!</h1>

        <div class="row">
            <div class="cols-sample-area">
                <div class="frame" style="width: 50%; height: 27px">
                    <span>Select a section</span>
                    <div>
                        <div id="control" style="float: left; width: 45%">
                            <input id="bookSelect" ej-dropdownlist e-datasource="dataList" e-value="value" />
                            <h6><span style="font-style: italic; font-weight: normal; position: absolute; margin-top: 4px;">Note:Two Way Angular Support</span></h6>
                        </div>
                    </div>
                    <div id="binding" style="float: right; margin: auto; width: 45%">
                        <input type="text" id="dropValue" class="input ejinputtext" ng-model="value" />
                    </div>
                </div>
            </div>
        </div>
}
</div>
<style type="text/css" class="cssStyles">
    .control {
        margin-left: 20px;
    }

    .ctrllabel {
        padding-bottom: 3px;
    }

    #dropValue {
        text-indent: 10px;
    }

    #control #bookSelect_input_wrapper {
        width: 70%;
    }

    .input {
        height: 26px;
        text-indent: 10px;
        width: 67%;
    }

</style>

</body>

</html>
  <!--<div class="container">-->
      <!--<div class="row">-->
          <!--<div class="cols-sample-area">-->
              <!--<div id="Grid" ej-grid e-datasource="obj" e-selectedrowindex="selectedRow"-->
                   <!--e-allowgrouping="true" e-pagesettings-pagesize="4" e-pagesettings-currentpage="page"-->
                   <!--e-allowsorting="true" e-allowpaging="true" e-actionbegin="actionBegin">-->
                  <!--<div e-columns>-->
                      <!--<div e-column e-field="EmployeeID" e-headertext="Employee ID" e-textalign="right" e-width="90"></div>-->
                      <!--<div e-column e-field="LastName" e-headertext="Last Name" e-textalign="left" e-width="90"></div>-->
                      <!--<div e-column e-field="FirstName" e-headertext="FirstName" e-textalign="left" e-width="90"></div>-->
                      <!--<div e-column e-field="Title" e-headertext="Title" e-textalign="left" e-width="90"></div>-->
                      <!--<div e-column e-field="City" e-headertext="City" e-textalign="left" e-width="90"></div>-->
                      <!--<div e-column e-field="Country" e-headertext="Country" e-textalign="left" e-width="90"></div>-->

                  <!--</div>-->
              <!--</div>-->
          <!--</div>-->
          <!--<div id="sampleProperties">-->
              <!--<div class="prop-grid">-->
                  <!--<div class="row">-->
                      <!--<div class="col-md-3">-->
                          <!--Selected Row-->
                      <!--</div>-->
                      <!--<div class="col-md-3">-->
                          <!--<input type="text" id="selectedRow" name="name" class="e-ejinputtext" value="" ej-numerictextbox e-value="selectedRow"  e-maxvalue="3" e-minValue ="-1" e-width="100px" />-->
                      <!--</div>-->
                  <!--</div>-->
                  <!--<div class="row">-->
                      <!--<div class="col-md-3">-->
                          <!--Current Page-->
                      <!--</div>-->
                      <!--<div class="col-md-3">-->
                          <!--<input type="text" name="name" class="e-ejinputtext" value="" ej-numerictextbox e-value="page"  e-maxvalue="4" e-minValue ="1" e-width="100px" />-->
                      <!--</div>-->
                  <!--</div>-->
              <!--</div>-->
          <!--</div>-->
      <!--</div>-->
  <!--</div>-->

当加载，浏览器控制台显示没有错误，但是，绝对没有显示在页面上。

当查看网页的源文件，我看到正在加载的所有库，但文档身体有什么也没有。

在主角度模块 - app.js位于下客户机/ lib和被正确装载。

下面是它的内容：

angular.module('app',['angular-meteor','ui.router',
    'ejangular']);

我能ajust拥有的index.ng.html显示在页面上的内容？

Answer 1:

尝试重命名index.ng.html到index.html 。我觉得我有同样的问题，这是解决方案。
另一种选择是用叉子叉教程项目： https://github.com/Urigo/meteor-angular-socially ，并以此作为你的应用程序的骨架。

Answer 2:

我认为做角流星最好的办法是使用现在的NPM模块。它不需要依靠Urigo的角度更新的好处。

取出角包，

meteor npm install --save angular
meteor npm install --save angular-meteor
meteor npm install --save angular-ui-router

这是我在控制器上使用的代码：

'use strict';
import angular from 'angular';
import angularMeteor from 'angular-meteor';
import uiRouter from 'angular-ui-router';

作为@oshai说，重命名* .ng.html是公正*。html的，以及

如何正确配置的角度，流星有内容显示在页面上(how to properly configure an

Answer 1:

Answer 2:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮