angular使用codemirror ui-codemirror在模態框或者tab中沒有縮進，內容也會在點擊之后才顯示的問題

<textarea ui-codemirror="{
                mode: 'javascript', lineNumbers: true, theme: 'solarized dark',             lineWrapping: true
            }" rows="3" class="cac-rule-codemirror"
                          ng-model="cacRuleEditVm.views.rule.ruleExpression"></textarea>

這是沒修改之前的代碼，彈出框顯示是下面這樣的。但是換到十行之后，它又會變成正常的樣子

在網上找了好久都沒找到資料，但是東拼西湊知道是加載順序的問題。因為如果不是彈出框或者tab。使用上面的語句就是正常的。后面換成了這種方法.

//這是寫在controller里面的
$timeout(function () {        
            vm.views.option = {//這里可以直接使用$scope.option
                mode: 'javascript',
                lineNumbers: true,
                theme: 'solarized dark',
                lineWrapping: true
            }
 });    

<textarea ui-codemirror="cacRuleEditVm.views.option" rows="3" class="cac-rule-codemirror"
                          ng-model="cacRuleEditVm.views.rule.ruleExpression"></textarea>