Question

我是AngularJS的新手。我想为数组中的元素创建链接。建议我一些代码或描述。

app.js

  app.controller('ItemsController', function($scope) {
  $scope.message = 'Items are displayed';
  $scope.items=['Appliances','Books','Cosmetics','Home & Furniture','Mens','women','kids'];

  });

items.html

 <div  ng-controller="ItemsController">

 <p><h1>Type a letter in the input field:</h1></p>

 <p><input type="text" ng-model="test"></p>
 {{message}}
 <ul><h2>
 <li ng-repeat="x in items| filter:test">
 {{ x }}
 </li>
 </h2></ul>

 </div>

Here是上述代码的示例输出。输出中显示的项目应为链接。

Answer 1

如果您正在使用路由，那么只需在li中创建一个锚标记。

 <ul>
  <h2>
      <li ng-repeat="x in items| filter:test">
        <a href="#/details/{{x}}">{{x}}</a>
      </li>
 </h2>
</ul>

在路线配置中，只需处理与物品相关的特定路线。就像你想要显示该项目的详细信息一样。

myApp.config(['$routeProvider',function($routeProvider){
$routeProvider.
when('/details/:item',{
    templateUrl:'partials/details.html',
    controller: 'DetailsController'
}).
otherwise({
    redirectTo : 'yourdefaultpath'
})

项目应在您的控制器中作为routeParam提供，然后您可以相应地显示您的数据。希望这会有所帮助。

Answer 2

您可以使用<layout type="log4net.Layout.PatternLayout"> <conversionPattern value="%logDesc"/> </layout>并在您的应用中使用ngRoute将ui-sref声明为州，这就是您的代码：

items

更新您的JS以添加状态，如下所示：

<ul>
    <li ng-repeat="x in items| filter:test">
      <a ui-sref="{{x}}"><h2>{{ x }}</h2></a>
    </li>
</ul>

如何在AngularJS中为数组元素创建链接

2 个答案: