问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何实现angular中link中的数据和controller中的数据相互绑定

头像
137942170
    38714

    1,link中的数据没办法和controller中的数据完成相互绑定

    <html >
  <head>
    <meta charset="UTF-8">
    <title>Bootstrap Modal and popover with Velocity.js animation</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
    <!-- <link rel="stylesheet" type="text/css" href="elfinderCtroller.js"> -->
  </head>
  <body>
      <div ng-app = "app"  ng-controller="elfinder" name = "mingzi">
        Name: <input  ng-model="mingzi">
        <p>{{mingzi}}</p>
        <texts names></texts>
    </div>
    <script> 
        var app = angular.module('app', []);

        app.controller('elfinder',function($scope){
            $scope.mingzi = "caa";
        })
        app.directive('texts', function(){
            return{
                restrict:'EC',
                scope: {
                    name : "=",
                },
                // controller : 'elfinder',
                link: function(scope) {
                      scope.name = 'fwt';
                }
            };
        });
    </script>

  </body>
</html>

    2 clipboard.png

    javascriptangularjs
    阅读 3k
    1 个回答
    得票最新
    头像
    max0x0042
      1.4k1112
      ✓ 已被采纳

      写法没对，改一下就好了：

      <html >
  <head>
    <meta charset="UTF-8">
    <title>Bootstrap Modal and popover with Velocity.js animation</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> 
    <!-- <link rel="stylesheet" type="text/css" href="elfinderCtroller.js"> -->
  </head>
  <body>
      <div ng-app = "app"  ng-controller="elfinder">
        Name: <input  ng-model="mingzi">
        <p>{{mingzi}}</p>
        <texts name="mingzi"></texts>
    </div>
    <script> 
        var app = angular.module('app', []);

        app.controller('elfinder',function($scope){
            $scope.mingzi = "caa";
        })
        app.directive('texts', function(){
            return{
                restrict:'E',
                scope: {
                    name : "=",
                },
                // controller : 'elfinder',
                link: function(scope) {
                      console.log(scope.name);
                }
            };
        });
    </script>

  </body>
</html>

      参考文章：AngularJS内幕详解之 Directive

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题