mengatasi Error: [ng:areq] Argument 'controller' pada angularjs
Pada kesempatan ini akan dijelaskan secara sederhana dan simpel mengatasi error
argument controller pada angularjs, mangga disimak baik baik
Apabila anda sekalian pernah mengalami error Error: [ng:areq] Argument controller pada angularjs ternyata sangat mudah sekali cara mengatasi nya yaitu dengan mendefinisikan semua controller yang telah anada buat di html yang di tandai dengan argumen ng-controller . ternyata mudah bukan mengatasi Error: [ng:areq] Argument pada angularjs
misal kita punya kode html seperti ini
<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
<p>Try to change the names.</p>
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<div ng-app="myApp1" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
</script>
</body>
</html>
Apabila anda jalankan kode diatas lewat browser maka akan terjadi error
Error: [ng:areq] Argument 'myApp1' is not a function, got undefined
Yang artinya bahwa controller myApp1 belum di definisikan maka cara mengatasi nya yaitu dengan mendefinisikan controller kosong di javascript kita sehingga kode nya menjadi
<!DOCTYPE html>
<html>
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
<body>
<p>Try to change the names.</p>
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<div ng-app="myApp1" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName= "John";
$scope.lastName= "Doe";
});
app.controller('myCtrl1', function($scope) {
});
</script>
</body>
</html>
perhatikan kode hijau kita mendefinisikan controller kosong untuk myApp1 agar tidak terjadi error pada angularjs
ok sekian selamat mencoba, dan mudah-mudahan bekerja dengan baik, kritikan maupun saran sangat kami harapkan, agar blog ini lebih bermanfaat bagi semua manusia.