简体   繁体   中英

ng-init not working on initializing

I have just started to learn angular.js but ng-init is not working in my code. I searched through internet but wasn't able to find any answer.

Here is my code thanks in advance !!

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>ngClassifieds</title>
    </head>
    <body ng-app = "ngClassifieds" ng-init="message='hello, World!'">
        <h1 ng-model="message">{{ message }}</h1>
        <script src="node_modules/angular/angular.js"></script>
        <script src="scripts/app.js"></script>
    </body>
</html>

在您的app.js中添加以下代码

var ngClassifieds=angular.module("ngClassifieds",[]);

I think the problem is with script loading

<head>
    <title>ngClassifieds</title>
    <script src="node_modules/angular/angular.js"></script>
    <script src="scripts/app.js"></script>
</head>

add your scripts in header tag

Html Code

  <body ng-controller="DemoCtrl" ng-app="main" ng-init="data='welcome'">  
 {{data}}
  </body>

Script Code

      var app = angular.module('main', []);
       app.controller('DemoCtrl', function ($scope) {

        });

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM