不太确定这是怎么回事,但我有一些在 Monaca 之外运行良好的东西,一旦在 Monaca 我得到这个:错误:[ng:areq] 参数 'ListCtrl' 不是函数,未定义
这是代码:
<script>
var app = ons.bootstrap('propertyDeal', ['onsen']);
app.factory('Property', function () {
/**
* Constructor, with class name
*/
function Property(newProperty) {
// Public properties, assigned to the instance ('this')
this.purchasePrice = newProperty.pprice;
this.marketValue = newProperty.mv;
this.stampDuty = newProperty.stamp;
this.sourcingFee = newProperty.sourcing;
this.legaFee = newProperty.legal;
this.otherFee = newProperty.other;
}
/**
* Public method, assigned to prototype
*/
Property.prototype.getPurchasePrice = function () {
return this.purchasePrice;
};
return {
createNew: function(newProperty) {
console.log( "Alert accomplished" );
return new Property(newProperty);
}
};
});
app.factory('portfolio', function(Property){
var portfolio = {};
portfolio.list = [];
portfolio.add = function(newProperty){
var prop = Property.createNew(newProperty);
portfolio.list.push(prop);
alert(prop.purchasePrice);
};
return portfolio;
});
app.controller('ListCtrl', function(portfolio) {
var self = this;
self.portfolio = portfolio.list;
});
app.controller('PostCtrl', function(portfolio){
var self = this;
self.addProperty = function(newProperty){
portfolio.add(newProperty);
};
});
</script>
<ons-navigator>
<ons-page>
<div class="container" ng-controller="TopMenuController" ng-init="init('Initial investment','ion-social-usd')">
<div ng-include="url"></div>
</div>
<div style="text-align: center">
<h2>Initial investment</h2>
<ul class="list">
<input type="hidden" ng-model="newProperty.id" placeholder="id">
<li class="list__item">
<input type="text" class="text-input text-input--transparent" style="width:100%; margin-top:4px;" ng-model="newProperty.pprice" placeholder="Purchase price">
</li>
<li class="list__item">
<input type="text" class="text-input text-input--transparent" style="width:100%; margin-top:4px;" ng-model="newProperty.mv" placeholder="Market value">
</li>
<li class="list__item">
<input type="text" class="text-input text-input--transparent" style="width:100%; margin-top:4px;" ng-model="newProperty.stamp" placeholder="Stamp duty">
</li>
<li class="list__item">
<input type="text" class="text-input text-input--transparent" style="width:100%; margin-top:4px;" ng-model="newProperty.sourcing" placeholder="Sourcing fee">
</li>
<li class="list__item">
<input type="text" class="text-input text-input--transparent" style="width:100%; margin-top:4px;" ng-model="newProperty.legal" placeholder="Legal fee">
</li>
<li class="list__item">
<input type="text" class="text-input text-input--transparent" style="width:100%; margin-top:4px;" ng-model="newProperty.other" placeholder="Other">
</li>
</ul>
</div>
<br />
<div data-ng-controller="ListCtrl as list">
<p ng-repeat="prop in list.portfolio track by $index">
New Object: {{prop.purchasePrice}}: {{prop.legaFee}} </p>
</div>
<div ng-controller="PostCtrl as post">
<input type="button" ng-click="post.addProperty(newProperty)" value="Create Property"></input>
<p>{{newProperty}}</p>
</div>
</ons-page>
</ons-navigator>
我不明白这有什么问题,知道在小提琴中测试时完全相同的代码正在工作,例如 http://jsfiddle.net/XmWUP/129/
谢谢您的帮助