用惯了jquery, 想用angularjs 还真不好理解_thinkphp

分享到:

jquery 比较直白,什么都是操作dom 节点.

angularjs 就好比 thinkphp, ci 等框架,有自己约定的格式和方式。需要遵循它的规则,研究中。。。

比如说我,用了很长事件的jquery选择器,都已经忘了javascript 原生的dom选择器怎么使用

所以为了方便还是把jquery加了进来,毕竟单纯的用angularjs来开发项目还是不太靠谱。

 

1.怎么使用模版

  index.html

  

<!doctype html>
<html ng-app="ngRouteExample">
    <head>
        <meta charset="utf-8">
        <meta name="fragment" content="!" />
        <title>My HTML File</title>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <script src="js/jquery-2.1.1.min.js"></script>
        <script src="js/angular.min.js"></script>
        <script src="js/angular-route.min.js"></script>
        <script src="js/common.js"></script>
        <script type="text/javascript">
            $('head').append('<base href="' + window.location.pathname + '" />');
        </script>
    </head>
    <body>
        <div ng-controller="MainController">
            Choose:
            <a href="#/Book/Moby">Moby</a> |
            <a href="#/Book/Moby/ch/1">Moby: Ch1</a> |
            <a href="#/Book/Gatsby">Gatsby</a> |
            <a href="#/Book/Gatsby/ch/4?key=value">Gatsby: Ch4</a> |
            <a href="#/Book/Scarlet">Scarlet Letter</a><br/>

            <div ng-view></div>

            <hr />
            <pre>$location.path() = {{$location.path()}}</pre>
            <pre>$route.current.templateUrl = {{$route.current.templateUrl}}</pre>
            <pre>$route.current.params = {{$route.current.params}}</pre>
            <pre>$route.current.scope.name = {{$route.current.scope.name}}</pre>
            <pre>$routeParams = {{$routeParams}}</pre>
        </div>
    </body>
</html>
昵    称:
验证码:

相关文档: