Первое сообщение на stacko, так что для любых ошибок noob.AngularJS .... Невозможно ввести вид.
Я начал играть с AngularJS, чтобы узнать некоторые веб-разработки. Я установил пустой проект, используя netbeans, и добавил некоторые файлы в свой проект. структура выглядит следующим образом:
- Корень
- public_html
- App
- контроллеры homecontroller.js hydrotelcontroller.js
- Css
- шрифты
- JS радиально-route.js радиально-route.min.js app.js bootstrap.js bootstrap.min.js Jquery-2.2.0.js npm.js
- просмотров Hydrotel.html home.html
Моя веб-страница является очень основным в этой точке. Я просто хочу, чтобы он загружал главный экран и использовал home.html как представление, которое вводится при загрузке страницы. У меня также есть падение в заголовке, который я хочу, чтобы выбрать hydrotel.html
Независимо от того, что я пробовал, взгляды не работают ..... Я огляделся и попробовал кучу учебников но я застрял.
моего index.html
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html ng-app="myApp">
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="app/css/bootstrap.min.css" >
<link rel="stylesheet" href="app/css/bootstrap.css" >
</head>
<!-- Define an angular controller -->
<body ng-controller="homeController">
<nav class="navbar navbar-default navbar-static-top">
<div class="navbar-header">
<div class="container-fluid">
<ul class="nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Metering <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#/hydrotel">Hydrotel</a></li>
<li><a href="#">WISKI</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- MAIN CONTENT AND INJECTED VIEWS -->
<div class="main">
<div ng-view></div>
</div>
<!-- Angular Declaration -->
<script src="app/js/angular.min.js" type="text/javascript"></script>
<!-- Include the AngularJS routing library -->
<script src="App/js/angular-route.min.js" type="text/javascript"></script>
<!-- Jquery -->
<script src="app/js/jquery-2.2.0.js" type="text/javascript"></script>
<!-- Bootstrap js -->
<script src="app/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Modules-->
<script src="App/js/app.js" type="text/javascript"></script>
<!-- Controllers -->
<script src="App/controllers/homeController.js" type="text/javascript"></script>
</body>
</html>
моего app.js
var app = angular.module('myApp',['ngRoute']);
app.config(['$routeProvider',
function ($routeProvider){
$routeProvider
.when('/home',{
templateurl: 'app/views/home.html',
controller: 'homeController'
})
.when('/hydrotel', {
templateurl: 'app/views/hydrotel.html',
controller: 'hydrotelController'
})
.otherwise({
redirectTo: '/home'
});
}]);
мой homecontroller.js
//script.js
//create the module and name it MetApp
//create the controller and inject angular's $scope
app.controller('homeController',['$scope',function($scope){
//create a message to display in our view
$scope.message = 'Everyone come see how good I look!';
}]);
мой home.html
<!DOCTYPE html>
<div class="jumbotron text-center">
<div class="container">
<h1>My new home page</h1>
<h2>{{ message }}</h2>
</div>
</div>
мои hydrotelcontroller.js
app.controller('hydrotelContoller',['$scope',function($scope){
//create a message to display in our view
$scope.message = 'This is my hydrotel controller';
}]);
мой hydrotel.html
<h2>This is my hydrotel page</h2>
<h3>{{ message }}</h3>
Любая помощь с этим, а также советы по написанию более вопросов очень ценится.
Приветствия
любые сообщения об ошибках, отображаемые на консоли вашего браузера? – sdfacre