1

我正在尝试使用 ngHref 将 href 属性绑定到我的链接，但 AngularJS 将其小写。我怎样才能避免这种行为？

<a ng-href="http://preview-{{preview.hash}}.test.com/">{{preview.title}}</a>

它小写preview.hash，我不想这样做。

4

1 回答 1

1

它不是小写的角度。它是浏览器。浏览器将 URL 的域部分中的所有内容都小写。（输入 GOOGLE.COM 并转到 google.com）

看一下这个例子： http: //jsbin.com/zuupupo/4/edit ?html,js,output

<body ng-app="myApp">
    <div ng-controller="MyController">
        1. <a ng-href="http://preview-{{preview.hash}}.test.com/">{{preview.title}}</a> Dynamic in the domain
        <br />
        2. <a ng-href="http://preview.test.com/{{preview.hash}}">{{preview.title}}</a> - Dynamic after domain
     </div>  

  3. <a href="http://preview-TeST.test.com/TeST">Hard Coded Link</a>
</body>

<script>
var myApp = angular.module('myApp',[]);

myApp.controller('MyController',function($scope){
  $scope.preview = {
    hash: 'TeST',
    title: 'NG HREF Dynamic Link'
  };
});
</script>

如果您检查值 angular 使用来自该值的大小写。当您单击/悬停在链接上时，浏览器会将其小写。（示例 1）

保留域部分后的大写字符。（示例 2）

为了证明这与角度无关，这是在域中和 url 的域部分之后带有大写的硬编码链接。（示例 3）

于 2014-06-05T13:50:14.887 回答