标签: angularjs-interpolate

Angular noob在这里!我试图在我的HTML中显示一个百分比值,如下所示:

<td> {{ ((myvalue/totalvalue)*100) }}%</td>

它工作但有时它给出一个非常长的小数,看起来很奇怪.如何将其四舍五入后的2位数？有更好的方法吗？

这是我的问题,有什么优点和缺点？

在我的应用程序中我使用插值但我得到这样的错误

{{::sport.name}} - > NHL Futures & Props

如果我使用 ng-bind-html

ng-bind-html="sport.name" - > NHL Futures & Props

在这种情况下ng-bind-html正在做我想要的.但是,它有什么问题吗？

有没有比另一个好？

所以告诉我,我愿意接受建议.

我有一个变量

x =" http://example.com?a= {{a}}&b = {{b}}

然后在a中使用此变量

NG-SRC = {{X}}

因此,对我来说,对变量a和b进行url编码非常重要.

我现在做的是:

var func = $interpolate($scope.x);
            var url = func($scope);
            return  $sce.trustAsResourceUrl(url);

我的问题是当a或b包含空格时,它们不是url编码的.

我怎么能告诉$ interpolate函数url编码变量a和b？

我有一个AngularJS表达式包含在<a>标签中.表达式正在评估allow变量.

<a href="#" >{{allow}}</a>

如果allow是null或undefinedAngular什么都没有.相反,我想显示一个默认字符串.

为了让您更好地理解,这正是我想要实现的目标.

右侧的模态是从左侧的表格生成的.如果用户没有输入任何文字为"允许按钮文本"和"禁止按钮的文字"我要显示ALLOW和DON'T ALLOW分别.

这是我的代码:

<div id="test2" class="row"  ng-app="">    
  <label for="title">Title</label>
  <input type="text" name="title" ng-model="title" placeholder="https:/your website.com/wants to:">

  <label for="title">Allow Button Text</label>
  <input type="text"  ng-model="allow" placeholder="ALLOW">

  <label for="title">Disallow Button Text</label>
  <input type="text"  ng-model="disallow" placeholder="DONT ALLOW">     

  <p>{{title}}</p>
  <a href="" >{{disallow}}</a>
  <a href="" >{{allow}}</a>

在angular5中构建项目,我想使用 [[]]作为开始和结束符号进行插值.

以前,Angularjs1.x具有$ interpolateProvider来自定义这些符号,默认情况下插值符号为{{}}.

我们如何在角度2+版本中实现相同的功能？

有没有像一个ng-placeholder或类似的东西？

我想放一个默认的占位符Risk,即输入是一个计算输入,有时计算最后2秒,所以我想删除那个Risk占位符并将一个loader/spinner放在那里.这就是我的方式

    <div>

      <div>
        <span ng-show="betLoader"><div class="spinner"></div></span>
        <div ng-show="!betLoader">Win</div>
      </div>

      <input placeholder="Risk"
             ng-model="parlayData.win">
    </div>

我有一个$scope变量betLoader,当它是true加载器/微调器出现时,当它是假的时,出现div单词Win.我想做同样但不在那里,我想在输入中使用占位符Risk,当betLoader为真时,然后隐藏Risk单词.

你有什么建议？

编辑

考虑到微调器div与类同在spinner.所以,我需要将该微调器放在输入中.