【问题标题】:calling angularjs scope function from href link from cshtml file从cshtml文件的href链接调用angularjs范围函数
【发布时间】:2016-11-17 17:27:36
【问题描述】:

这是cshtml内容:

@model MBOS.DTO.ViewModel.Others.ReportTemplateViewModel<MBOS.DTO.ViewModel.BranchBOCAAnalysis>

@if (Model.IncludeTableHeader)
{<thead>
    <tr class="no-borders">

        <th>No.</th>
        <th>Branch</th>
        <th>Assessor</th>
        <th>Rating</th>

    </tr>
</thead>
}

@foreach (var row in Model.Models)
{
    <tr>
        <td>@row.Id</td>
        <td>@row.Branch</td>
        <td>@row.Assessor</td>
        <td><a href="javascript:angular.element(document.getElementById('branchAnalysisCtrl')).scope().RatingDetail();">@row.Rating.FormatDouble() </a></td>
    </tr>
}

这是 AngularJs 控制器:

(function () {
'use strict';
angular.module("app.branchAnalysis", ["app.base.report"])
    .controller('branchAnalysisCtrl', ['$scope', '$http',
        'appStore', '$controller', '$routeParams', 'Restangular', 'toaster',
        '$location', '$q', '$filter',
  function ($scope, $http, appStore, $controller, $routeParams, Restangular, toaster, $location, $q, $filter) {
 $scope.RatingDetail = function () {
          debugger;
          restangular.one("dashboard/" + (type === 'b' ? 'boca' : 'aoca') + "/assessment/rating/" + assessment.BranchId + "/" + assessment.AssessmentMonth).get().then(function (response) {
              if (type === 'b')
                  $scope.bocaStatusPieViewModel.RatingItems = response.plain();
              else
                  $scope.aocaStatusPieViewModel.RatingItems = response.plain();
          });
      }
   }]);
  })();

我正在尝试从上述 cshtml 中提到的 href 链接调用 RatingDetail() 函数。 我尝试使用 ng-click 但也没有成功。我需要一些好的和有效的例子。我正在等待确切的解决方案。

【问题讨论】:

  • 您正试图从服务器端调用客户端脚本;这永远行不通。目前还不清楚为什么使用ng-click 对您不起作用,因为您甚至没有显示此 HTML sn-p 在您的完整文档结构中的位置,以及它是否可以访问相关控制器。

标签: javascript angularjs asp.net-mvc asp.net-mvc-4 razor


【解决方案1】:

你提到你试图让它与ng-click一起工作,但没有成功,你遇到了什么问题?

查看原始 JSFiddle 示例,使用 ng-click http://jsfiddle.net/Lvc0u55v/12116/

【讨论】:

  • 我的实现方式和你上面提到的一样。现在它没有给出任何错误但仍然没有调用函数。
  • 检查页面是否有控制台报错?
猜你喜欢
  • 2014-01-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-10-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多