javascript - 值未以 Angular 形式传递给 Controller

标签 javascript angularjs angularjs-scope

<div ng-repeat="tack in feed">
    <div class="pin" ng-if="selected == tack.boards">
        <a href="{{ tack.link }}"><h3>{{ tack.title }}</h3></a>
        <img src="{{ tack.imageURL || 'http://www.designofsignage.com/application/symbol/building/image/600x600/no-photo.jpg' }}" />
        <p>
             {{ tack.desc }}
        </p>
        <br>
        <p>
             <button ng-click="deleteTack(tack.link)" class="btn btn-danger">Delete</button>
        </p>
    </div>
</div>

我正在尝试在 Controller 中编写的函数中传递一个值。但该值没有传递给 Controller ​​。

除了 tack.link 或从 ng-repeat 标签获取的任何其他值之外,其他参数上的字符串正在被传递。

最佳答案

工作正常!!!

看看这个

<强> Working Demo

html

   <div ng-app='myApp' ng-controller="Controller">
    <div ng-repeat="tack in feed">
        <div class="pin" ng-if="selected == tack.boards"> <a href="{{ tack.link }}"><h3>{{ tack.title }}</h3></a>

            <img src="{{ tack.imageURL || 'http://www.designofsignage.com/application/symbol/building/image/600x600/no-photo.jpg' }}" style="width:100px;height:100px;" />
            <p>{{ tack.desc }}</p>
            <br>
            <p>
                <button ng-click="deleteTack(tack.link)" class="btn btn-danger">Delete</button>
            </p>
        </div>
    </div>
</div>

脚本

var app = angular.module('myApp', []);
app.controller('Controller', function ($scope) {

    $scope.feed = [{
        boards: 'selected',
        link: 'link_1',
        title: 'title_1',
        desc:'desc_1'
    }, {
        boards: 'selected',
        link: 'link_2',
        title: 'title_2',
        desc:'desc_2'  
    }, {
        boards: 'selected',
        link: 'link_3',
        title: 'title_3' ,
        desc:'desc_3' 
    }, {
        boards: 'selected',
        link: 'link_6',
        title: 'title_6',
        desc:'desc_6' 
    }, {
        boards: 'selected',
        link: 'link_4',
        title: 'title_4',
        desc:'desc_4'
    }, {
        boards: 'selected',
        link: 'link_5',
        title: 'title_5',
        desc:'desc_5'
    }];

    $scope.deleteTack = function(link)
    {
        alert(link);
    }
});

关于javascript - 值未以 Angular 形式传递给 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23465639/

相关文章:

javascript - 使用 javascript 的 Angular ng-animate 无法按预期工作

javascript - 在 Javascript 中将键值推送到 json 数组

angularjs - Angular 直接将 $scope 参数从 View 发送到服务或工厂

javascript - 作用域被破坏时是否应该删除 angular $watch?

javascript - 将对象数据传递给上层对象属性

javascript - 单击父 Div,隐藏包含 Vimeo Iframe 的叠加层

javascript - 悬停建议以外的 css 过渡效果 onload

javascript - 单击“喜欢”图标会增加其他组件的“喜欢”数量

javascript - 如何在 Angular 中移动图像( Blob )数组?

javascript - Angular 1.3 重大更改 - 设置范围但在 $apply 之前重置