AngularJS依赖注入 value值注入组件

最新推荐文章于 2020-01-20 14:23:41 发布

Dewey666

最新推荐文章于 2020-01-20 14:23:41 发布

阅读量479

点赞数

分类专栏：效果初现文章标签： value值注入组件 AngularJS依赖注入 value值

本文链接：https://blog.csdn.net/IT666DHW/article/details/78272253

版权

效果初现专栏收录该内容

108 篇文章 3 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
      <meta charset="UTF-8">
      <title>AngularJS依赖注入 value值 注入组件 </title>
      <script type="text/javascript" src="../js/angular.js" ></script>
      <script>
         /* Value 是一个简单的 javascript 对象，用于向控制器传递值（配置阶段）。    */
         var starKungfu = {EnglishName:"Bruce Lee",country:"China"};
         var app = angular.module("myApp",[]);
         
         /* 1. 创建 value 对象 "myValue" 并传递数据;
          * 下面注入多个对象value值时，要分开写，不能合并在一起，
               错误写法如：app.value("myValue1","李小龙","myValue2","功夫之王","myValue3",starKungfu);   
          */
         app.value("myValue1","李小龙");
         app.value("myValue2","功夫之王");
         app.value("myValue3",starKungfu);
         app.value("myValue4",["中译英文名是:布鲁斯.李","创建了功夫：截拳道","不过英年早逝啊！"]);
         
         // 2. 将  value 对象 "myValue" 注入到控制器中
         app.controller("myCtrl",function($scope,myValue1,myValue2,myValue3,myValue4){
            $scope.firstName = myValue1;
            $scope.goodName = myValue2;
            $scope.starKungfu = myValue3;
            $scope.info = myValue4;
         });
      </script>
   </head>
   
   <body ng-app="myApp" ng-controller="myCtrl">
      <p>功夫明星：{{firstName}}  </p>
      <p>美称：{{goodName}}  </p>
      <p>国籍：{{starKungfu.country}}</p>
      <p>简介：{{info}}</p>
   </body>
</html>