在AngularJs中ng-bind在ng-dialog上不起作用

Question

我有一个输入字段，其中包含以下内容

<textarea id="textfield" ng-bind="emojiMessage.rawhtml | colonToCode"></textarea>

如果我将它从ng-dialog中删除，它会工作得很好，但是当我把它放到一个ng-dialog中时，它会失败。请问哪里可能是错的，或者是我错过了更好的方法？

<script type="text/ng-template" id="firstDialogId">
    <textarea id="textfield" ng-bind="emojiMessage.rawhtml | colonToCode"></textarea>
    </script>

=======EDITTED========这是我的控制器

.config(['ngDialogProvider', function (ngDialogProvider) {
            ngDialogProvider.setDefaults({
                className: 'ngdialog-theme-default',
                closeByDocument: false
            });
}])
.controller('DialogCtrl', function ($scope, $rootScope, ngDialog, $timeout) {

            $scope.open = function () {
                ngDialog.open({ template: 'firstDialogId' });
            };

            $rootScope.$on('ngDialog.setPadding', function (event, padding)
            {
                angular.element( document.querySelector('.paddingHeader') ).css('padding-right', padding + 'px');
});
})

========This控制器定义emojiMessage.rawhtml

.controller('emojiController', ['$scope', function($scope) {
$scope.emojiMessage={};

Answer 1

您的emojiController不在对话框的范围内。将ngDialog逻辑移到您的emojiController，并设置scope：$scope。这现在应该包括emojiController的作用域。

$scope.emojiMessage={};

$scope.open = function () {
                ngDialog.open(
                      { template: 'firstDialogId',
                        scope: $scope
                      }
                );
     };

我在这里添加了一个柱塞示例：https://plnkr.co/edit/U25PdXhSwXhxqJeQXcM6?p=preview