admin管理员组文章数量:1291043
im trying to build a simple $http app that takes data from json file on the ionic framework using angularjs.
this is the error i get:
Error: [ng:areq] Argument 'AppCtrl' is not a function, got undefined .2.12/ng/areq?p0=AppCtrl&p1=not%20aNaNunction%2C%20got%20undefined at file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:9007:12 at assertArg (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:10292:11) at assertArgFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:10302:3) at file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:15706:9 at file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:15118:34 at forEach (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:9239:20) at nodeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:15105:11) at positeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:14569:15) at positeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:14572:13) at positeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:14572:13)
my code is this:
<ion-view title="Dashboard">
<ion-content class="has-header padding">
<div ng-app="app1">
<div ng-controller="AppCtrl">
{{1 + 2}}
<input type="text" ng-model="person.firstName" />
<input type="text" ng-model="person.lastName" />
<input type="button" ng-click="addPerson(person)" />
<ul>
<li ng-repeat="person in people">
{{person.Name}} {{person.Description}}
</li>
</ul>
</div>
</div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
<div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
<div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
<div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
</ion-content>
</ion-view>
and the js file:
var app = angular.module('app1', []);
app.controller('AppCtrl', function( $scope, $http) {
var app = this;
$http.get('webtest.json')
.success(function(data) {
console.log(data);
$scope.people = data;
})
app.addPerson = function(person) {
}
})
i tried to look for answers in the internet but none of them helped me.
im trying to build a simple $http app that takes data from json file on the ionic framework using angularjs.
this is the error i get:
Error: [ng:areq] Argument 'AppCtrl' is not a function, got undefined http://errors.angularjs/1.2.12/ng/areq?p0=AppCtrl&p1=not%20aNaNunction%2C%20got%20undefined at file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:9007:12 at assertArg (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:10292:11) at assertArgFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:10302:3) at file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:15706:9 at file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:15118:34 at forEach (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:9239:20) at nodeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:15105:11) at positeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:14569:15) at positeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:14572:13) at positeLinkFn (file:///C:/Users/Matan/tabapp/www/lib/ionic/js/ionic.bundle.js:14572:13)
my code is this:
<ion-view title="Dashboard">
<ion-content class="has-header padding">
<div ng-app="app1">
<div ng-controller="AppCtrl">
{{1 + 2}}
<input type="text" ng-model="person.firstName" />
<input type="text" ng-model="person.lastName" />
<input type="button" ng-click="addPerson(person)" />
<ul>
<li ng-repeat="person in people">
{{person.Name}} {{person.Description}}
</li>
</ul>
</div>
</div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
<div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
<div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
<div>
<img class="Pageimg" src="img\Computer_Assistant.jpg"/>
<h3>My Computer Can't Turn On</h3>
<p>בידי המשטרה עדויות רבות על מעשי הסחיטה שבוצעו בנמל והביאו גופים עסקיים לעבוד עם
חברות הקשורות ליו"ר אלון חסן. חסן נתן חסות לחברת "דנה" שסיפקה שירותים לוגיסטיים בת
וך הנמל, והוא מקורב לבעלי החברה יניב בלטר. חברה אחרת של חסן, "הו
פס", מייצרת ומוכרת חומרי ניקוי לחברות שעובדות עם נמל אשדוד.</p>
</div>
</ion-content>
</ion-view>
and the js file:
var app = angular.module('app1', []);
app.controller('AppCtrl', function( $scope, $http) {
var app = this;
$http.get('webtest.json')
.success(function(data) {
console.log(data);
$scope.people = data;
})
app.addPerson = function(person) {
}
})
i tried to look for answers in the internet but none of them helped me.
Share Improve this question asked Jun 1, 2014 at 18:37 Matan GubkinMatan Gubkin 3,1996 gold badges28 silver badges46 bronze badges 1- 3 Looks like your javascript is not getting run. I'd check to see that it's being loaded properly. – Matthias Commented Jun 1, 2014 at 18:41
2 Answers
Reset to default 10Make sure you are not creating the "app1" module again in code. The 2nd argument "[]" will create new module or override the previous one.
// create new module
var app = angular.module('app1', []);
and following line will access the already created module.
var app = angular.module('app1');
You should have the following scheme:
App.js:
angular.module('app1', ['ionic', 'app1.controllers']) // Create app
MainController.js:
angular.module('app1.controllers', []) // Create controller to app1
OtherControllers.js
angular.module('app1.controllers') // Load controller of app1
本文标签：
版权声明：本文标题：javascript - Argument 'AppCtrl' is not a function, got undefined - $http angular-ionic error - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741500263a2382023.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论