Angularjs 移动用户界面模式无法更新

似乎Angular UI中的modals很难更新，以前在Bootstrap中我可以通过jQuery进行更新，但在Angular UI中，甚至不能进行简单的更新

在我的模态体中有

0

，我使用jQuery

$（“#spnapprovereselectedcount”）.text（selectedCount）更新它像这样。它在引导程序中工作，但在AngularUI中不工作

如果该变量位于模式内，则即使从$scope更新也不起作用。但如果我把它们移到模态之外，它就起作用了。我怀疑这是因为模态尚未显示

更新：

我有一个重复，每个项目都可以点击。当用户点击它时，它应该会打开包含更多信息的模式。下面是我的代码

<div class="list-group">
      <div ng-repeat="approval in approvals" class="list-group-item">
        <div class="row">
          <div class="selectable" style="float: left; width: 95%" ui-turn-on="detailsModal" ng-click="SetDetails(approval)">
            <p class="list-group-item-text"><b>Ref</b> <span>{{ approval.ref }}</span></p>
            <p class="list-group-item-text"><b>Pay To</b> <span>{{ approval.payTo }}</span></p>
            <p class="list-group-item-text"><b>From</b> <span>{{ approval.from }}</span></p>
          </div>
        </div>
      </div>
    </div>

还有我的部分模态代码

<div class="modal" ui-if="detailsModal" ui-state='detailsModal'>
    <div class="modal-backdrop in"></div>
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button class="close" ui-turn-off="detailsModal">&times;</button>
          <h4 class="modal-title">Transaction Details</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-sm-5">
              Type
            </div>
            <div class="col-sm-7">
              <b>{{ details.category }}</b>
            </div>
          </div>
          <br />
          <div class="row">
            <div class="col-sm-5">
              Submitted By
            </div>
            <div class="col-sm-7">
              <b>{{ details.submittedBy }}</b>
            </div>
          </div>

我给您的建议是：从项目中删除jQuery，并学习如何以角度思考问题。简单地说：您不想执行任何您正试图执行的DOM操作。在您的情况下，实际上不需要jQuery并手动更新它，而是应该使用角度指令和插值
{{}
。查看这篇文章，了解有用的开始：我必须同意@dfsq，确保jQuery lite包含在angular中，并且应该只在指令中用于操作当前元素。但是如果我将它们移到modal之外，它就可以工作了。你能展示工作代码吗？谢谢大家，我在原始帖子中添加了我的代码以获得更多的洞察力。这是另一个没有更新的问题。我相信这是一种有棱角的做事方式@RomanC，我所说的移动到模态之外的意思很简单，就是复制{{details.category}}，并把它放在前面的行中。每次我单击并打开模式时，它都会更新，但其他变量的模式值保持不变。我给你的建议是：从项目中删除jQuery，并学习如何以角度思考问题。简单地说：您不想执行任何您正试图执行的DOM操作。在您的情况下，实际上不需要jQuery并手动更新它，而是应该使用角度指令和插值
{{}
。查看这篇文章，了解有用的开始：我必须同意@dfsq，确保jQuery lite包含在angular中，并且应该只在指令中用于操作当前元素。但是如果我将它们移到modal之外，它就可以工作了。你能展示工作代码吗？谢谢大家，我在原始帖子中添加了我的代码以获得更多的洞察力。这是另一个没有更新的问题。我相信这是一种有棱角的做事方式@RomanC，我所说的移动到模态之外的意思很简单，就是复制{{details.category}}，并把它放在前面的行中。每次单击并打开模式时，它都会更新，但其他变量的模式值保持不变。
<div class="modal" ui-if="detailsModal" ui-state='detailsModal'>
    <div class="modal-backdrop in"></div>
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button class="close" ui-turn-off="detailsModal">&times;</button>
          <h4 class="modal-title">Transaction Details</h4>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-sm-5">
              Type
            </div>
            <div class="col-sm-7">
              <b>{{ details.category }}</b>
            </div>
          </div>
          <br />
          <div class="row">
            <div class="col-sm-5">
              Submitted By
            </div>
            <div class="col-sm-7">
              <b>{{ details.submittedBy }}</b>
            </div>
          </div>

$scope.details = $scope.approvals[0];