Question

我有一个日期选择器，当用户输入无效日期时，我想显示正确的消息

$scope.setDate = function(startDate, endDate) {
        $rootScope.startDate = $scope.startDateL;
        $rootScope.endDate = $scope.endDateL;

        if(($rootScope.startDate == undefined) || ($rootScope.endDate == undefined)){
            console.log("choose a valid date");
            $mdDialog.show({
                cotnroller: DatePickerErrorController,
                templateUrl : 'components/jags-date-picker-select/jags-date-picker-modal-valid-date.html',
                parent : angular.element(document.body),
                clickOutsideToClose:true
            }).then(function(answer) {
                console.log("Fff");
            }, function() {
        });

如果我想设置的日期未定义，表示用户尚未输入，我想显示带有正确文本的模式。

这是我的模态的控制器

function DatePickerErrorController($scope, $rootScope){

    $scope.text = function(){
        return "Some text";

    }

}

我想在DatePickerErrorController中做一些检查。如果startdate未定义，则返回一些文本。

这是应该用正确的信息显示的模式。

  <!-- Modal -->
 <md-dialog aria-label="Date Picker">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"
                aria-hidden="true">&times;</button>
            <h4 class="modal-title" id="myModalLabel">{{"Error message" | translate}}</h4>
        </div>
        <!-- /.modal-header -->
        <div class="modal-body">
            {{text}}
        </div>
        <!-- /.modal-body -->
    </div>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
</md-dialog>
<!-- /.modal -->

现在，问题是模态显示但没有显示“某些文字”。模态只是空白。我做错了什么吗？这不是在html中显示文本的正确方法吗？有想法的人吗？

提前致谢！

显示来自控制器AngularJS的文本

0 个答案: