代码拉取完成,页面将自动刷新
<div class="row">
<div class="col-md-12" style="background-color: #fff467;height: 250px">
<img src="resources/images/logo.png" style="position: absolute;top:30px;left: 30px"/>
<h1 style="font-weight: bold;position: absolute;font-size:48px; top:100px;right: 50px">The light two way binding Framework</h1>
</div>
</div>
<div class="row">
<div class="col-md-11" style="margin: 40px">
<h2>Install UkuleleJS</h2>
<pre>
<code class="js">
$npm install -g bower
bower install ukulelejs
</code>
</pre>
</div>
<div class="col-md-11" style="margin: 40px">
<h2>Getting Start</h2>
<h4>Import jquery library before ukulelejs</h4>
<pre>
<code class="html">
<head>
...
<script type="text/javascript" src="jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="ukulelejs/dist/ukulele.min.js"></script>
...
<head/>
</code>
</pre>
<h4>Add "uku-application" as an attribute to any html tags, then ukulelejs will control whole this tag</h4>
<pre>
<code class="html">
<body uku-application>
...
</body>
</code>
</pre>
<h4>Initialize ukulelejs and register Controller in the $(document).ready's callback function </h4>
<pre>
<code class="js">
$(document).ready(function() {
var uku = new Ukulele();
uku.registerController("myCtrl", new MyController());
uku.init();
});
function MyController() {
this.message = "";
....
} </code>
</pre>
<h4>Bind any html attribute with your model with "uku-" + attribute's name, using {{}} to show model's value</h4>
<pre>
<code class="html">
<body uku-application>
...
<input type="text" uku-value="myCtrl.message">
<h3>{{myCtrl.message}}<h3/>
...
</body>
</code>
</pre>
</div>
</div>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。