Javascript 如何在不使用角度表达式的情况下在占位符内显示角度范围值

我使用

角度表达式{{value}}

来显示元素中的值。 但是当我注意到加载延迟时，未渲染的表达式仍然显示在前端，我使用了

ngbind

<div>
  <h1>Hello <span ng-bind="name"></span></h1>
</div>

---

加载延迟时也会出现同样的问题。当加载延迟时，我不需要那个花括号出现。那么如何解决这个问题呢

要解决“加载延迟时我不需要大括号显示”的问题，我认为您需要在加载所有样式和HTML后加载javascript

---

要做到这一点，只需在body标记的末尾加载js文件。

要解决“加载延迟时我不需要大括号出现”的问题，我认为您需要在加载所有样式和HTML后加载javascript

---

要做到这一点，只需在body标记的末尾加载js文件。

您可以使用custom指令解决这个问题

  var module = angular.module('practice', []);

module.controller('practiceCtrl', function($scope) { 
    $scope.test = 'your placeholder text';



})
.directive('ngPlaceholder', function() {
  return {
    scope: {
      placeholder: '=ngPlaceholder'
    },
    link: function(scope, elem, attr) {
      scope.$watch('placeholder',function() {
        elem[0].placeholder = scope.placeholder;
      });
    }
  }
});

提供jsfiddle 链接如下：

---

使用自定义指令可以解决此问题

  var module = angular.module('practice', []);

module.controller('practiceCtrl', function($scope) { 
    $scope.test = 'your placeholder text';



})
.directive('ngPlaceholder', function() {
  return {
    scope: {
      placeholder: '=ngPlaceholder'
    },
    link: function(scope, elem, attr) {
      scope.$watch('placeholder',function() {
        elem[0].placeholder = scope.placeholder;
      });
    }
  }
});

提供jsfiddle 链接如下：

工作