Question

我有一个模板：

EVAL and EVALSHA are used to evaluate scripts using the Lua interpreter built into Redis starting from version 2.6.0.

我用我的对象编译它：

var template = '<div ng-click="sayHello()">{{text}}</div>'

我将angularTemplate添加到我的弹出窗口中。弹出窗口显示正确的div说“你好!!!” ...但是当我点击它时没有任何反应，

我还尝试使用我的示波器再次插入它并将该函数放在范围内，但它也不起作用。

JS FIDDLE (none) Working demo of what im trying

然后将“已编译的”\“插值”html转移到jquery库，以显示html作为弹出窗口。

请帮忙。

在你们问我为什么我甚至使用插值后，我将展示我的另一种方式，也许是一种更简单的方法来解决我的问题：

JSFIDDLE2 - Here is a closer example to the real problem

Answer 1

不是将字符串赋值给变量并插入更多angularjs方法，而是创建一个指令，这样您就可以获得显示视图所需的范围和所有内容。

查看

<say-hello-drv></say-hello-drv>

指令

.directive('sayHelloDrv', function () {
  return {
     restrict: 'E',
     template: '<div ng-click="sayHello()">{{text}}</div>',
     controller: function ($scope) {
         $scope.text = 'Initial hello';
         $scope.sayHello = function () {
           $scope.text = 'Hello from sayHello()';
         }
     }
  }
}

参考。 https://docs.angularjs.org/guide/directive

更新您的用例BTW我将替换为使用DDO的模板属性获取您的指令HTML标记：

var myApp = angular.module('myApp',[])

function MyCtrl($scope, $interpolate, $compile) {

    console.log($scope)

        var template = '<eventPopup ng-click="sayHello()">{{text}}</eventPopup>';
    var objList = [{text: "Hello1"}, {text: "Hello2"}];

    $scope.sayHello = function () {
      alert('hello')
    }

    for (i = 0; i < objList.length; i++) { 
      var angularTemplate = $interpolate(template)(objList[i]);
      var interpolatedTemple = $('#abc' + i).html($compile(angularTemplate)($scope));
  }    
}

myApp.controller('MyCtrl', MyCtrl)

ng-click不能在对象上使用$ interpolate

1 个答案: