Problem z angularjs, nie działa po dodaniu kontrolera.

Question

Witam, próbuję zacząć uczyć się angulara ale na samym początku mam już problem.
Kiedy dodaje same ng-app gdziekolwiek to wszystko działa, daje sobie np {{ 1+1 }} i wyświetla mi 2, ale kiedy już dodam sobie nq-controller i w odzielnym pliku go koduje to zmienna nie wyświetla zawartości, zewnętrzny plik jest załączony prawidłowo bo zwykła funkcja w js działa. Próbowałem już na wiele sposobów na definiowanie kontrolera jak i całej aplikacji, chyba z pomocą 4 kursów

Fragment mojego kodu:
Plik główny:

<div  ng-app="">
            <div ng-controller="MainController"> 
                     {{ zmienna }}
            </div>
</div>

i skrypt js

var MainController = function ($scope) {

        $scope.zmienna= "Jest OK!";

}

 

Answer 1

Konsola. Co wyświetla konsola.

Answer 2

Przede wszystkim musisz nadać aplikacji jakąś nazwę w dyrektywie ng-app.

Następnie musisz utworzyć moduł swojej aplikacji: https://docs.angularjs.org/guide/module a później kontroler: https://docs.angularjs.org/guide/controller

W obecnej formie twojego skryptu raczej nie ma to prawa działać.