2015年9月12日

Directive 的使用

restrict 的取值可以有三种：

• A 用于元素的 Attribute，这是默认值

• E 用于元素的名称

• C 用于 CSS 中的 class

我们这样定义指令。

var app = angular.module("app", [])
    .directive("hello", function () {
        var option = {
            restrict: "AEC",
            template: "Hello, Directive",
        };
        return option;
    })

由于我们指定了可以用于三种情况下，那么，就可以如下三种形式来使用这个指令

<!-- 元素 -->
<div>
    <hello></hello>
</div>
<!-- 属性-->
<div>
    <div hello></div>
</div>
<!-- class -->
<div>
    <div class="hello"></div>
</div>

查看元素的结果如下：

 <!-- 元素 -->
<div>
    <hello>Hello, Directive</hello>
</div>
<!-- 属性-->
<div>
    <div hello="">Hello, Directive</div>
</div>
<!-- class -->
<div>
    <div class="hello">Hello, Directive</div>
</div>

Javascript 常用获取时间函数

var myDate = new Date();

myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期


var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间

React程序

<script src="js/react.js"></script>
<script src="js/JSXTransformer.js"></script>
<script type="text/jsx">//这里的type是jsx。
        var HelloWorld=React.createClass({
            render: function(){
                return <p>Hello  World</p>  
            }
        });
        React.render(<HelloWorld></HelloWorld>,document.body);
</script>

生成一个基本标签。