Javascript 如何在Angular方法中处理下面的jQuery_Javascript_Jquery_Angularjs

Javascript 如何在Angular方法中处理下面的jQuery

javascript jquery angularjs

Javascript 如何在Angular方法中处理下面的jQuery,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,下面的简单jQuery将不会在我的angular web应用程序中运行。它在控制台中运行，但作为外部文件包含时不被读取。同一文件中的其他脚本会运行，但不会。有什么想法吗？我如何用正确的角度方式重新书写下面的内容，我目前还不熟悉角度 $("#button").on("click", function() { $('input.ng-pristine').show(); //class selector for the div to show }); 正确的方法是使用angular指令编辑

下面的简单jQuery将不会在我的angular web应用程序中运行。它在控制台中运行，但作为外部文件包含时不被读取。同一文件中的其他脚本会运行，但不会。有什么想法吗？我如何用正确的角度方式重新书写下面的内容，我目前还不熟悉角度

$("#button").on("click", function() {
   $('input.ng-pristine').show(); //class selector for the div to show
});

正确的方法是使用angular指令

编辑：

angular ng click和ng show将执行以下操作：

代码示例：

在html文件中：

<body ng-app="example.module">
   <div ng-controller="myCtrl">
       <button id='button' ng-click="show()"> show it! </button>
      <input class="pristine" ng-show="visible">
   </div>
</body>

应该使用角度指令

<input type="button" value="Click me" ng-click="myFunction()">


// In your angular controller
$scope.myFunction = function() {
   // do something
};

在angular中如何实现这一点的基本思想是这样的

//your button
<button id="button" ng-click="clickButton()">your button </button>
//your input to hide
<input ng-show="!hideInput" />

现在，我不知道你是否有特殊的显示和隐藏用例，但是这个按钮将切换显示/隐藏状态。如果您要打开和关闭它，您可以进一步简化它，如下所示：

 <button id="button" ng-click="hideInput = !hideInput">your button </button>

如果您不想切换，这可能不适用于您，但想法是$scope.hideInput是一个布尔值，用于控制输入上的ng显示或ng隐藏。

您是否已将代码放入文档准备就绪？为什么要在angular应用程序中这样做？为什么不使用ng click指令？为什么不在angular逻辑中处理这个问题？如何在angular之外使用jQuery？我不同意，但各有各的。

 $scope.clickButton = function() {
      $scope.hideInput = !$scope.hideInput;
 };

 <button id="button" ng-click="hideInput = !hideInput">your button </button>