1.原型設計
1.1 AvalonJs原型
var vm = avalon.define({
$id: 'xxxxCtrl',
version: '1.0',
xxxxCollection:{
data: [
{ value:'value1' },{ value:'value2' },{ value:'value3' }
],
count: 3
OnClick: function(){
var self = vm.xxxxCollection;
},
Init: function(){
}
}
});
avalon.scan(document.body);
<div ms-controller="xxxxCtrl">
<h2 ms-text="version"><h2>
<ul>
<li ms-repeat-item1="xxxxCollection.data" ms-text="item1.value"><li>
</ul>
</div>
1.1 AngularJs原型
$scope.vm = {
version: '1.0',
xxxxCollection:{
data: [
{ value:'value1' },{ value:'value2' },{ value:'value3' }
],
count: 3
OnClick: function(){
var self = vm.xxxxCollection;
},
Init: function(){
}
}
};
<div>
<h2 ng-bind="vm.version"><h2>
<ul>
<li ms-repeat="item1 in vm.xxxxCollection.data" ng-bind="item1.value"><li>
</ul>
</div>
2. 命名規則和語法
- 所有字符串必須使用單引號
- 屬性必須以小寫開頭，并以駝峰式命名法，例：
isPass、name
- 方法必須以大寫開頭，并以駝峰式命名法，例：
OnClickSave、OnSearch
- vm對象集合必須以
Collection結尾，元素內部必須使用data、count初始化。例：xxxxCollection
3. 參考資料
4. 練習
- 按以上規則對比AngularJS和AvalonJs常用屬性和方法,例如：
- 顯示、隱藏
- if綁定
- 雙向綁定
- repeat循環
- 下拉列表的綁定
- attribute綁定
- class綁定
- style綁定
- href綁定
- src綁定
- 常用事件綁定
...
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
