Javascript 使用此关键字在自定义指令中绑定模型

Students.html

<div class="row">
    <student info="ui.Ram"></student>
</div>

    

自定义指令

     app.directive('student', "student");

    function student() {
        var directive = {};
        directive.restrict = 'E';
        directive.templateUrl = "Student.directive.html";
        directive.scope = {
           ui : "=name"
        }
        return directive;
     });

控制器

     app.controller('StudentController', StudentController);
     
     function StudentController($scope) {
        
        $scope.Ram= {};
        $scope.Ram.name = "Mahesh";
        
     };
        

当我这样做时，名称（“Mahesh”）会反映在UI中

我正在考虑在控制器中不注入$scope的情况下也这样做。 像这样的

      function StudentController() {
        var  vm = this;
        vm.Ram= {};
        vm.Ram.name = "Mahesh";
        
       return vm;
     };

---

但是该值没有反映出来。

您需要使用

控制器作为

语法来执行此操作：

  <div ng-app = "app" ng-controller = "StudentController as ctrl">
     <student name = "ctrl.Ram"></student>
  </div>

谢谢！！同时，我尝试了相同的场景，但我的另一个场景仍然没有渲染创建一个复制问题的plunker抱歉！！我在这里自己更新我的问题，请检查

      function StudentController() {
        var  vm = this;
        vm.Ram= {};
        vm.Ram.name = "Mahesh";
        
       return vm;
     };

  <div ng-app = "app" ng-controller = "StudentController as ctrl">
     <student name = "ctrl.Ram"></student>
  </div>