Question

使用AngularJS，我想从<script type="text/ng-template"内部访问范围变量。

<script type="text/ng-template" id="firstDialogId">
    <div class="ngdialog-message" align="center" id="download">
        <h4 ng-show=isFrench>Télécharger la cartographie</h4>
        <h4 ng-show=isEnglish>Download cartography</h4>
        <a href="../downloads/PDF/{{currentLanguage}}/{{currentCartography}}.pdf" download>
            <img  src="../style/images/pdf-icon.png" alt="Download PDF" width="30%" height="30%">
        </a>   
        <a href="../downloads/VSD/{{currentCartography}}.vsd" download>
            <img border="0" src="../style/images/vsd-icon.png" alt="Download VSD" width="30%" height="30%">
        </a>   
        <a href="../downloads/PNG/{{currentLanguage}}/{{currentCartography}}.png" download>
            <img border="0" src="../style/images/PNG-icon.png" alt="Download PNG" width="30%" height="30%">
        </a>   

         <div class="ngdialog-buttons">
             <button type="button" class="ngdialog-button ngdialog-button-primary" ng-click="closeThisDialog('button')">Close</button>
         </div>
    </div>
</script>

isFrench和isEnglish是来自我的控制器的2个布尔值。

currentCartography和currentLanguage相同，它们是我控制器的字符串。

我也尝试过在控制器内部和外部使用getter，结果相同。

Answer 1

对于那些陷入同一问题的人：

使用ngDialog，我们需要精确地使用范围。在我的情况下，我在控制器中添加了对话框打开功能，我需要编辑我正在使用的那个以便添加scope: $scope,行，如下所示：

$scope.openPlainCustomWidth = function () {
    $rootScope.theme = 'ngdialog-theme-plain custom-width';
    ngDialog.open({
        template: 'firstDialogId',
        controller: 'InsideCtrl',
        className: 'ngdialog-theme-plain custom-width',
        scope: $scope, // this line wasn't here before
        closeByDocument: false
    });
};

Answer 2

你可以尝试三件事

使用ng-href代替href
用于ng-show删除双卷曲{{
如果以上两个不起作用，则使用$ parent（仅当您不使用控制器时）

Answer 3

您错误地使用ng-show，但它不使用{{}}表达式。

尝试：ng-show="isFrench"

除此之外，还不清楚你在问什么

从ng-template访问范围

3 个答案: