party-bid step 一 鎬荤粨
聽 聽 聽 聽 聽 聽宸笉澶氬涔犳帴杩戜袱涓槦鏈熶簡鍚с€?聽聽
聽 聽 聽 聽 聽 聽浠庡紑濮嬩粈涔堥兘涓嶆噦鐨勫皬鐧斤紝鍒板悗鏉ラ厤缃甽inux鐜锛屽湪鐒跺悗瀹屾垚绗竴寮犲崱銆傛湡闂撮亣鍒颁簡寰堝闂锛岃鏁欏皬浼欎即浠紝鑷繁鏌ユ壘璧勬枡銆備笉杩囨敹鑾蜂篃姣旀兂璞＄殑澶氬緢澶氥€?/p>
聽
聽 聽 聽 聽 浠ヤ笅鎵€鏈夋€荤粨閮芥槸杩欐鏃堕棿鑷繁鐨勫涔犲拰鐞嗚В锛岃偗瀹氫細鏈夊緢澶氬亸宸€傚笇鏈涘ぇ瀹剁湅瀹屼箣鍚庡彲浠ュ強鏃剁殑甯垜鏀规锛岃阿璋紒锛侊紒銆?/span>
聽聽
聽party-bid step 1聽
聽
聽 聽 涓昏瀛︿範搴旂敤鍒扮殑閮ㄥ垎鐭ヨ瘑鏈夛細AngularJS 妗嗘灦銆丣avaScript璇█銆丷uby璇█銆丠tml Haml璇█銆?CSS鏍峰紡琛ㄣ€乶ode.js鏋舵瀯銆丟itHub鏈嶅姟銆?/p>
聽
聽鍦↗S涓竴涓緢瀹炵敤鐨勫嚱鏁?锛?/p>
console.log()
聽
聽 聽杩欎釜鍦ㄤ綘缂栧啓绋嬪簭鐨勬椂鍊欙紝褰撶▼搴忛€昏緫姣旇緝澶嶆潅鏃惰繖涓嚱鏁板氨娲句笂鐢ㄥ満浜嗐€傚畠鐨勪綔鐢ㄦ槸鍦╟onsole涓緭 聽 聽 聽 聽 聽 聽鍑?log()涓嫭鍙峰唴鐨勫唴瀹广€備綘鍙互鎶婂畠鍐欏湪浣犵殑浠ｇ爜涓紝鍙互甯綘鏌ョ湅浠ｇ爜鐨勬墽琛屾儏鍐?/span>銆?/p>
聽 浠嬬粛涓€涓?scope锛?/span> 聽 聽 聽 聽 scope鐩磋瘧鏄€樿寖鍥粹€欙紝鏍囧噯鐨勮娉曟槸浣滅敤鍩?/span>銆俢ontroller涓垜浠細閫氳繃鈥?scope鈥欏皢scope浼犻€掔粰controller 聽 聽 聽 涓句緥锛?聽 聽 聽 聽 聽 聽 聽 聽聽 聽 聽 聽 聽 聽 鍦ㄩ〉闈㈡妸涓€涓猙utton璁剧疆涓衡€榹{XXXX}}鈥欙紝鐒跺悗鍦–ontroller涓紝閫氳繃$scope鑾峰彇鍒癤XXX杩欎釜鍙橀噺锛屽苟璧?聽 聽 鍊?浣犲ソ'锛岄〉闈腑鐨刡utton涓婂皢灞曠ず鈥樹綘濂解€欏瓧鏍枫€?/p>
聽 聽聽 聽 聽 聽 聽 聽杩樺彲浠ラ€氳繃$scope缁戝畾鍑芥暟銆傛瘮濡傝缁欐煇涓?span style="color: #ff0000;">鎸夐挳瀹炵幇鏌愮鍔熻兘<button>{{xxxx}</button>
$scope.example='浣犲ソ'
聽 聽 涓句緥锛?/p>
聽
<button ng-click='alert_tip()'>{{XXXX}}</button>
$scope.alert_tip = function(){alert('浣犲ソ')}
聽 聽 聽 聽 杩欐牱 缁檅utton鐐瑰嚮浜嬩欢缁戝畾涓€涓嚱鏁颁负鈥渁lert_tip锛堬級鈥濆湪Controller涓紝閫氳繃$scope.alerttip 聽 聽 聽 鍙互缂栧啓杩欎釜鍑芥暟鐨勫叿浣撲唬鐮併€?/p>
聽
聽
聽鍏堣涓€涓婣ngularJS妯℃澘鐨勬牳蹇冨姛鑳解€斺€旂粦瀹?/span>
聽 聽 聽 聽 聽 聽
聽 聽 聽 聽 聽 聽
<p>Nothing here {{'yet' + '!'}}</p>
聽
聽
聽 聽 聽 聽 聽 鏄敱鍙屽ぇ鎷彿{{}}鍜岃〃杈惧紡鍋氭垚銆傚畠鐨勪富瑕佺壒鐐瑰氨鏄疄鐜颁簡鏁版嵁鐨?span style="color: #ff0000;">鍙屽悜缁戝畾锛屽彲浠ョ洿鎺ュ紩鐢ㄣ€傚鏋滀綔鐢?聽 聽鍩熺殑鍙橀噺鍙戠敓浜嗘敼鍙橈紝鎴戜滑闅忔椂鍙互璁╃浉搴旂殑椤甸潰琛ㄧ幇涔熼殢涔嬫敼鍙樸€?/p>
聽 聽涓句釜渚嬪瓙聽
聽
聽 聽 聽 聽
聽 聽
<p id="test" ng-controller="TestCtrl">{{ a }}</p>
<script type="text/javascript">
var TestCtrl = function($scope){
$scope.a = '123';
}
聽
聽
聽
聽
聽 聽涓婇潰鐨勪緥瀛愬湪椤甸潰杞藉叆涔嬪悗锛屾垜浠彲浠ュ湪椤甸潰涓婄湅鍒?123銆傝繖鏃讹紝鎴戜滑鍙互鎵撳紑涓€涓粓绔帶鍒跺櫒锛岃緭鍏ワ細
聽聽
聽 聽
聽 聽
$('#test').scope().a = '12345';
$('#test').scope().$digest();
聽 聽 聽涓婇潰鐨勪唬鐮佹墽琛屼箣鍚庯紝灏卞彲浠ョ湅鍒伴〉闈㈠彉鍖栦簡銆?/p>
聽 聽 聽 涓嬭竟璇翠竴涓婣ngularJS涓殑MVC鏋舵瀯妯″紡鍑嗙‘鐨勮鏄?span style="color: #ff0000;">MVW鍏跺疄涔熸槸 妯″瀷-瑙嗗浘-鎺у埗鍣紙MVC锛?/span> 妯″紡銆?/p>
聽 聽璺敱鍔熻兘锛?/span> 聽璺敱鍣ㄦā鏉匡細 聽 聽 聽 聽 聽涓句緥锛?/p>
聽 聽 聽 聽 聽 聽 聽 聽 聽聽聽.when鍑芥暟灏唙iews/enter_activity.html鍦板潃涓嶦nterActivityCtrl鎺у埗鍣ㄨ仈绯昏捣鏉ャ€傚綋璁块棶/enter_activity 聽 聽 鏃朵氦缁橢nterActivityCtrl鐩稿簲銆?/p>
聽 AngularJS涓璶g鈥擱epeat鏁扮粍浣跨敤鏂规硶锛?/span> 聽 涓句緥锛?聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽聽ng鈥攔epeat鎶妌umbers鏁扮粍涓殑鎵€鏈夊厓绱犲厛浠樼粰number,鐒跺悗閫氳繃{{number}}鏄剧ず鍑烘潵. 聽 聽 聽 聽 AngularJS涓殑ng-Show锛?/span> 聽 聽 聽 聽 聽涓句緥锛毬?/p>
聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽ng-Show瀹冨彲浠?span style="color: #ff0000;">鏄剧ず鎴栭殣钘?/span>椤甸潰鍏冪礌銆俷gShow鐨勫睘鎬т负鐪熸椂鏄剧ず鍐呭锛屽惁鍒欎笉鏄剧ず銆?/p>
聽 聽 聽 鍋?party-bid鐨勭涓€閮ㄥ垎鏃讹紝鍦ㄧ數鑴戦〉闈笂娌℃湁浠讳綍寮傚父锛屽綋鎵撳寘鎴恆pk浼犲埌鎵嬫満鏃惰繘鍘籥pp鍚庯紝浼氬嚭鐜板儚椤甸潰涓€鏍峰彲浠?span style="color: #ff0000;">婊戝姩鐨勯棶棰?/span>銆?/p>
聽 聽 聽 聽 聽 聽 聽瑙ｅ喅鏂规硶鏄細 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽淇敼index.html涓?涓€涓猚lass涓?/p>
聽 聽 聽 聽 Turn any fixed-width grid layout into a full-width layout by changing your outermost .container to .container-fluid. 聽 澶ф鎰忔€濇槸锛氭妸浠讳綍鍥哄畾瀹藉害鐨勭綉鏍煎竷灞€鎴愪竴涓畬鏁村搴︾殑甯冨眬锛岄€氳繃鏀瑰彉浣犵殑鏈€澶栧眰鐨勫鍣ㄦ潵鏀瑰彉瀹瑰櫒娴佷綋銆?/p>
聽 聽 聽 ng-disabled 聽 聽 聽 鍙互缁戝畾涓€涓緭鍏ユ枃鏈锛岄€氳繃鏂囨湰妗嗛噷鏄惁鏈夊唴瀹癸紝鍙互鎺у埗button鐨勭姸鎬?/span>銆?/p>
聽 鏈湴瀛樺偍閮ㄥ垎闂锛?/span> 聽 聽聽 聽 聽 聽 灏嗘暟缁勮浆鎹㈡垚 JSON 瀛楃涓?/p>
聽 聽 灏嗚瀛楃涓查噸鏂拌浆鎹㈡垚鏁扮粍 聽 聽 聽 聽聽 鐢ㄤ簬瀛樻暟鎹? 聽 聽聽 聽 聽 聽 鐢ㄤ簬鍙栨暟鎹?/p>
聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽鍙栧嚭activities杞寲鎴愭暟缁勮祴鍊肩粰activities銆?/p>
聽 聽 聽 聽 聽 聽 聽 聽 聽鎶奱ctivities杞崲涓哄瓧绗︿覆瀛樿繘activities涓?聽 聽 聽 聽 聽 聽 聽 聽 聽 鍙朼ctivities涓殑瀛楃涓插苟杞崲涓烘暟缁?聽 聽 聽 聽 聽 聽 聽 聽 聽 聽 聽unshift鍜宲ush鐩稿弽,push鍏堣繘鐨勫湪鏍堝簳,unshift鍏堣繘鐨勫湪鏍堥《 聽 聽 聽.when('/main', {
templateUrl: '椤甸潰妯℃澘',
controller: '鎺у埗鍣?
})
.when('/enter_activity',{
templateUrl:'views/enter_activity.html',
controller:'EnterActivityCtrl'
}
<li ng-repeat='number in numbers'>{{number}}</li>
<div ng-show='true'>name</div>
<div ng-show='false'>age</div>
class="container-fluid"
JSON.stringify锛坸xx锛?/pre>
JSON.parse 锛坸xx锛?/pre>
localStorage.setItem
localStorage.getItem
var activities=JSON.parse(localStorage.getItem("activities"))
localStorage.setItem("activities", JSON.stringify(activities))
$scope.activities=JSON.parse(localStorage.getItem('activities'))
activities.unshift(activity);