美文网首页全栈开发我爱编程
angular脏查询、http、依赖注入、路由

angular脏查询、http、依赖注入、路由

作者: 月光在心中 | 来源:发表于2017-07-21 19:52 被阅读83次

脏查询

$scope.$apply();可以手动触发脏查询。
"$timeout",$interval,是

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" ng-app="myApp"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="./angular.min.js"></script>
    </head>
    <body ng-controller="myController">
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        {{name}}
        <input type="" name="" value="" ng-model="a">
    </body>
    <script type="text/javascript">
        var  app = angular.module("myApp",[]);
        app.controller("myController",["$scope",function($scope){
            $scope.name="zhar";
            setTimeout(function(){
                $scope.name = " new name";
                console.log($scope.name);
                $scope.$apply();
            },1000);
        }])
    </script>
</html>

http

$http.get() 返回一个promise对象

依赖注入

angular提供五个可直接注入的服务:
service
factory
value
constant
provider

不要在controller中操作DOM,这不是控制器的职责,是指令的职责。

我们写一个通用的服务,注入到不同的地方使用。

前端一般需要后台的数据,但是后台没有写好,我们可以使用:
http://mockjs.com/
生成随机数据,拦截ajax请求。

相关文章

网友评论

    本文标题:angular脏查询、http、依赖注入、路由

    本文链接:https://www.haomeiwen.com/subject/ovhekxtx.html