여기에 v1.2.12 용 AngularJS 튜토리얼을 작성하려고합니다. 내 로컬 호스트에있는 내용은 튜토리얼 자체에있는 라이브 데모와 많이 다릅니다.AngularJS 튜토리얼은 표현식을 읽지 않습니다.
주로 처음 몇 단계부터 시작하여 내 표현을 읽지 않습니다. 코드에서 잘라내어 붙여 넣는 것처럼 일반 텍스트로 표시됩니다. 0 단계에서 예를 들어
, 내 로컬 호스트는 여기에 나에게아무것도 제공하지 않습니다 {{ '아직'+ '!'}}
사이트에서 라이브 데모
아무것도 제공하지 않습니다 동안 여기 아직!
다른 단계에서도 마찬가지입니다. 웬일인지 1 단계는 웹 페이지에서와 똑같이 작동합니다.
이 기능은 무엇입니까? Angular의 일부분을 설치하는 것을 잊었습니까? 또는 무엇을? 자습서가 엉망이 되었습니까? 여기
은 여전히 잘못을 수행하는 코드의 예 : 나는 단계-5 -f이 하나 자식 체크 아웃을 사용하고,<!doctype html>
<html lang="en" ng-app="phonecatApp">
<head>
<meta charset="utf-8">
<title>Google Phone Gallery</title>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
<link rel="stylesheet" href="css/app.css">
<script src="bower_components/angular/angular.js"></script>
<script src="js/controllers.js"></script>
</head>
<body ng-controller="PhoneListCtrl">
<div class="container-fluid">
<div class="row">
<div class="col-md-2">
<!--Sidebar content-->
Search: <input ng-model="query">
Sort by:
<select ng-model="orderProp">
<option value="name">Alphabetical</option>
<option value="age">Newest</option>
</select>
</div>
<div class="col-md-10">
<!--Body content-->
<ul class="phones">
<li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
<span>{{phone.name}}</span>
<p>{{phone.snippet}}</p>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
대신은에서와 같이 나에게 전화의 긴 목록을주는 데모, 나는 로컬 서버에서 index.html을 실행할 때 {{phone.name}}과 {{phone.snippet}} 만 보았습니다.
모든 콘솔 오류? ng-app를 html 태그에 추가 했습니까? –
적어도 코드를 게시 할 수 있습니까? –
정말요? 나는 "자습서를 비판하고있다"고?이 코드는 자습서가 말한 것과 정확히 동일하며 "git checkout -f step- #"을 사용하더라도 여러 단계에서 똑같은 작업을 수행합니다. 나는 무엇이 잘못되었는지 알아 내려고 노력하고있다. – Femtosecond