2017-02-06 5 views
0

Я вижу пару вопросов без ответа в этих строках - надеюсь, я укажу это так, чтобы вызвать решение. Заранее спасибоAngularJS ui.router, дающий мне пустую страницу

AngularJS 1 - с помощью хрюкать

index.html

<!doctype html > 
<html ng-app="studentAdmissions" > 

    <head> 

     <meta charset="utf-8" > 
     <meta name="description" content="" > 
     <meta name="viewport" content="width=device-width" > 

     <title>Student Admissions</title> 


     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"></script> 
     <script src="https://unpkg.com/[email protected]/release/angular-ui-router.js"></script> 
    </head> 

    <body> 

     <!--[if lt IE 10]> 
      <p class="browsehappy" >You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/" >upgrade your browser</a> to improve your experience.</p> 
     <![endif]--> 

     <div ui-view ></div> 

     <script src="app/app.js" charset="utf-8" ></script> 

    </body> 

</html> 

приложение/app.js

var app = angular.module('studentAdmissions', ['ui.router']); 

app.config(function($stateProvider, $urlRouterProvider) { 

    $urlRouterProvider.otherwise('/'); 

    $stateProvider 
    .state('home', { 
     url:'/' 
     ,template:'<h1>My Home</h1>' 
    }) 

}) 

Я не получаю сообщение об ошибке, просто пустую страницу.

Я также пробовал, но результат тот же.

$stateProvider 
    .state('home', { 
     url:'/' 
     ,templateUrl:'views/home.html' 
}) 

В настоящее время я просматриваю документы, но мне не очень повезло найти проблему.

Я добавил недостающие ссылки на файлы, указанные ниже (спасибо) - Консоль теперь показывает ошибку, которая выглядит для меня как ее выход из файла angularjs.js - что, вероятно, не так.

Uncaught Ошибка: [$ Инжектор: modulerr]? $ http://errors.angularjs.org/1.6.1/ инжектор/modulerr р0 = studentAdmissions & р ... ogleapis.com% 2Fajax% 2Flibs% 2Fangularjs% 2F1.6.1% 2Fangular.min.js% 3A21% 3A332)

ответ

1

у вас есть сценарий тег, связывающий angular.js библиотеку?

Пример:

<script src="vendor/angular.js" type="text/javascript"></script> 

Это должно жить в файле index.html.

+0

yup заметил, что ... это явно было исключено из учебника, за которым я следую .... – jpmyob

+0

Извините, чувак, бывает. У вас проблема исправлена? Или было что-нибудь еще? – Jef

+0

yup - похоже, сейчас работает - thx – jpmyob

0

может быть, вы должны изменить <div ui-view ></div> к

<ui-view></ui-view> 

вы можете найти пример здесь https://ui-router.github.io/ng1/tutorial/helloworld

+0

это не сработало, однако теперь я получаю недостающую угловую ошибку - app.js: 1 Неоткрытый ReferenceError: угловой не задан at app.js: 1 – jpmyob

+0

@jpmyob это еще одна ошибка. У вас отсутствует библиотека angularjs. – laser

+0

@jpmyob см в примере ссылке: <сценарий SRC = "Библиотека/угловатый-UI-router.js"> – laser