AngularJS basit "Merhaba, dünya" çalışmıyor

Bir eğiticiyi takip etmeye çalışıyorum, "Merhaba, dünya" örneğini çalışamıyorum. Bunun yerine görüntüler: "{{greeting.text}}, dünya". Chrome ve AngularJS 1.3.1 Kullanımı.AngularJS basit "Merhaba, dünya" çalışmıyor

index.html:

<!DOCTYPE html> 
<html ng-app> 
    <head> 
     <script src="angular.js"></script> 
     <script src="app.js"></script> 
     <!--<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />--> 
    </head> 
    <body> 
     <div ng-controller='HelloController'> 
      <p>{{greeting.text}}, world </p> 
     </div> 
    </body> 
</html>

function HelloController($scope) { 
    $scope.greeting = { text: 'Hello' }; 
}

Benim klasör yapısı

root/ 
    angular.js 
    app.js 
    index.html

teşekkür ederiz app.js

kaynak

2014-11-05 StackPWRequirmentsAreCrazy

*? –

, http sunucusu kullanmıyor ve sadece index.html dosyasını diskten açıyorsanız, tarayıcınız komut dosyalarını diskten yüklemeye izin vermiyor. Bu senin davan mı? – Jarema

@Jarema, sadece ajax değil, komut dosyaları yüklemenize izin verecektir. hiçbir ajax yapmıyor. Brad Green ve Shyam Seshadri tarafından –

Umarım bu yardımcı olur.

index.html

<!DOCTYPE html> 
<html ng-app="appname"> 

    <head> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script> 
    <link href="style.css" rel="stylesheet"/> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div ng-controller="appCtrl"> 
     <p>{{greeting.text}}, world </p> 
    </div> 
    </body> 

</html>

script.js

var appname = angular.module('appname', []); 
appname.controller('appCtrl', ['$scope', 
    function($scope) { 
    $scope.greeting = { text: 'Hello' }; 
}]);

http://plnkr.co/edit/XmliRcmsZvuQimHoyjN5?p=preview

kaynak

2014-11-05 15:20:22

Teşekkür ederim, işe yaradı! "['$ Scope'” bölümünü açıklayan bir fikir mi? Ya da iyi bir öğreticiye mi işaret ediyorsun? – StackPWRequirmentsAreCrazy

Ama neden önceki çalışmaz? Bir şey değiştirdiler mi? – nikoloza

@StackPWRequirmentsAreCrazy Endişelenme, sadece AngularJS'i kendim öğrenmeye başladım. NG-Kitabını gerçekten yararlı buldum ama Plnkr/Codepen'deki çoğu örneği/öğreticiyi de iyi bulabilirsiniz. Buradaki Kapsam Kapsamı ile ilgili olarak, bilmeniz gereken her şeyi size bildiren bir bağlantıdır. https://docs.angularjs.org/guide/scope –

kabul cevap iyidir ama ben bazı kaynaklar çip düşündüm ben işlerin nasıl çalıştığına dair daha iyi bir anlayış arıyorsanız, yardımcı oldu n Açısal

Egghead.io - www.youtube.com/playlist?list=PLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7
Eğik www.codeschool.com/courses/shaping-up-with-angular-js ile biçimlenmesi

Her ikisi de tamamen ücretsizdir ve egghead.io çalma listesi ayrı kavramlar için videolara bölünmüş olduğundan, aynı zamanda gerçekten iyi bir referans materyalidir.

angular.js developer guide da gerçekten yararlı!

kaynak

2014-11-05 16:40:15 rlf

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js"></script> 
</head> 
<body> 
    <div ng-app="myApp" ng-controller="myCntrl"> 
     Enter text: 
     <br /> 
     <input type="text" ng-model="hellomodel" /> 
     <br /> 
     <br /> 
     <h1> 
      {{hellomodel}}</h1> 
     <script language="javascript"> 
      var myapp = angular.module("myApp", []); 
      myapp.controller("myCntrl", function ($scope) { 
       $scope.hellomodel = "Hello World!"; 
      }); 
     </script> 
    </div> 
</body> 
</html>

http://dotnetlearners.com/blogs/view/222/AngularJS-Hello-World.aspx

kaynak

2015-11-25 05:20:36 Ram

yanlış ne olduğu sorusunu yanıtlayan ve eğer onlar bir şey değişti.

AngularJs Sürüm 1.2 veya üstü: Denetleyici, bir modülde tanımlanmayan bir işlev olabilir. Sorudaki gibi.

Kontrol

function HelloController($scope) { 
    $scope.greeting = { text: 'Hello' }; 
}

Açısal Versiyon 1.3 ya da daha yeni: kontrolör bir modüle tanımlanmalıdır. Cevapta olduğu gibi.

Kontrolör aşağıdaki Ne öğretici * "bir öğretici izleyin çalışılıyor"

var appname = angular.module('appname', []); 
appname.controller('appCtrl', ['$scope', 
    function($scope) { 
    $scope.greeting = { text: 'Hello' }; 
}]);

kaynak

2015-12-18 08:43:26

AngularJS basit "Merhaba, dünya" çalışmıyor

cevap

İlgili konular