javascript - অ্যাঙ্গুলারজস আনকড ত্রুটি:[ject ইনজেক্টর: মডিউলার] ভি 1.3-তে স্থানান্তরিত হওয়ার সময়




angularjs angularjs-scope (3)

আমি Angular.js শিখছি এবং এই সাধারণ কোডটি দিয়ে কী ভুল হয়েছে তা আমি বুঝতে সক্ষম নই। দেখে মনে হচ্ছে এটি ঠিক আছে তবে ত্রুটি অনুসরণ করে।

**Error**: Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.14/$injector/modulerr?p0=app&p1=Error%3A%20…gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.3.14%2Fangular.min.js%3A17%3A381)

এবং ng-app= "app" যুক্ত করার আগে (আমি কেবল এটি ng-app হিসাবে ng-app ) এটি আমাকে নিম্নলিখিত ত্রুটিগুলি দিচ্ছিল। তা কেন?

Error: [ng:areq] http://errors.angularjs.org/1.3.14/ng/areq?p0=Ctrl&p1=not%20a%20function%2C%20got%20undefined
    at Error (native)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:6:417
    at Sb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:19:510)
    at tb (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:20:78)
    at $get (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:75:331)
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:57:65
    at s (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:7:408)
    at A (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:56:443)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:299)
    at g (https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js:51:316)
<!doctype html>
    <html ng-app="app">
      <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

      </head>
      <body>
        <div ng-controller="Ctrl">
          <input ng-model="name">
          <h1>{{name}}</h1>
          <h2>{{age}}</h2>
        </div>

         <script>
          var Ctrl = function($scope)
           {
              $scope.age = 24;
           };
          </script>


      </body>
    </html>

অ্যাঙ্গুলারজেএস সংস্করণের পরে 1.3 গ্লোবাল কন্ট্রোলার ফাংশন ঘোষণা অক্ষম করা আছে

আপনাকে প্রথমে একটি AngularJS মডিউল তৈরি করতে হবে এবং তারপরে সমস্ত নির্দিষ্ট উপাদানটিকে নির্দিষ্ট মডিউলে সংযুক্ত করতে হবে।

কোড

function Ctrl($scope) {
    $scope.age = 24;
}

angular.module('app', [])
    .controller('Ctrl', ['$scope', Ctrl]);

বিশেষত আপনার ক্ষেত্রে, 1.3.14 নিয়ে কিছু সমস্যা রয়েছে (এটিকে 1.3.13 ডাউনগ্রেড করুন 1.3.13 কাজ করে)। যদিও আমি আপনাকে কৌণিক 1.2.27 AngularJS 1.6.X ব্যবহার করতে পছন্দ করব, এটি আরও স্থিতিশীল সংস্করণ এবং AngularJS এর ​​সর্বশেষ প্রকাশ release

ওয়ার্কিং প্লঙ্কার

হালনাগাদ:

আপনি angular.config ভিতরে গ্লোবাল কন্ট্রোলার ঘোষণার অনুমতি দিয়ে আপনার বর্তমান কোডটি কার্যক্ষম অবস্থায় করতে angular.config । তবে এটি কৌণিক অ্যাপ্লিকেশন চালানোর সঠিক উপায় নয়।

function Ctrl($scope) {
    $scope.age = 24;
}

angular.module('app', [])
    .config(['$controllerProvider',
        function ($controllerProvider) {
            $controllerProvider.allowGlobals();
        }
    ]);

আপনাকে আপনার নিয়ামক নির্ধারণ করতে হবে

var app = angular.module('app', []);

app.controller('Ctrl', ['$scope',function($scope) {
  $scope.age = 24;
}]);

নিশ্চিত হন যে ng-app="app_name" সংজ্ঞায়িত করতে হবে match

var app=angular.module( 'app_name' ,[])

<html ng-app="myApp">
<body>
  <div ng-controller="Ctrl">
      <input ng-model="name">
      <h1>{{name}}</h1>
      <h2>{{age}}</h2>
  </div>
  <script>
    var app = angular.module('myApp',[]); // same to the above define appName
    app.controller('Ctrl',function($scope){
      $scope.age=24; // initialize age by injecting scope
    });
  </script>
</body>
<html>

আরও তথ্যের জন্য Here





angularjs-controller