Angularjs 通过指令传递信息的角度_Angularjs_Angularjs Directive

Angularjs 通过指令传递信息的角度

angularjs

Angularjs 通过指令传递信息的角度,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我有一个简单按钮的指令 App.directive('questionbutton', function(){ return { restrict: 'E', templateUrl: 'views/question-button.html' }; }); 我有另一个指令，用于一个简单模态，其中有一个表单 App.directive('questionmodal', ['Question', function(Question){ ret

我有一个简单按钮的指令

App.directive('questionbutton', function(){
    return {
        restrict: 'E',
        templateUrl: 'views/question-button.html'
    };
});

我有另一个指令，用于一个简单模态，其中有一个表单

App.directive('questionmodal', ['Question', function(Question){
    return {
        restrict: 'E',
        templateUrl: 'views/questionmodal.html',
        link: function (scope, element, attrs) {

            var question = {};
            var author = {};
            scope.sendQuestion = function (){
                question.body = scope.question.body;
                new Question(question).$save();
            });
        };
    }
    };
}]);

这是我的questionmodal.html：

<div id="questionModal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title">Contact Team ?</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form" name="questionForm">
<!-- Subject -->
                    <div class="form-group form-group-sm">
                        <label for="inputSubject" class="col-sm-3 control-label">Subject *</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" required data-ng-model="about" id="inputSubject">
                        </div>
                    </div>

                    <!-- Body -->
                    <div class="form-group form-group-sm">
                        <label for="inputBody" class="col-sm-3 control-label">Body *</label>
                        <div class="col-sm-9">
                            <textarea  rows="10" class="form-control" required data-ng-model="question.body" id="inputBody"></textarea>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" data-ng-click="sendQuestion()" data-ng-disabled="questionForm.$invalid">Send</button>
            </div>
        </div>
    </div>
</div>


&时代；接近
联络小组？
主题*
身体*
接近
发送

在html页面中，我使用data ng repeat初始化一个简单的表：

<table class="table table-striped table-condensed">
        <thead>
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Action</th>
       </thead>
       <tbody>
            <tr data-ng-repeat="application in applications">
                <td>{{application.id}}</td>
                <td>{{application.name}}</td>
                <td>
                     <questionbutton about="{{applicaiton.name}}"></questionbutton>
                </td>
       </tbody>
</table>
<questionmodal></questionmodal>


身份证件
名称
行动
{{application.id}
{{application.name}

以下是question-button.html：

<button  class="btn btn-sm btn-primary" data-toggle="modal" data-target="#questionModal">
    <a href="" style="color:white;" data-toggle="tooltip" data-container="body" title="Any question about this item ? Please, Tell us !">
        <span class="glyphicon glyphicon-question-sign glyphicon-white" ></span>
    </a>
</button>

我的问题是如何以一种好的方式将“关于”属性从我的按钮共享到我的模式

将数据分配给指令作用域时，首先删除花括号

<questionbutton about="applicaiton.name"></questionbutton>

选中此类似项

将数据分配给指令作用域时，请首先删除花括号

<questionbutton about="applicaiton.name"></questionbutton>

勾选类似的

您可以使用下面提到的方法

服务/工厂：创建或使用任何现有的工厂/服务，并通过它在指令之间共享数据
使用范围：由于这两个指令都在控制器下使用，所以您可以轻松地在指令中使用“范围”，并与“=”或“@”共享数据

您可以使用下面提到的方法

服务/工厂：创建或使用任何现有的工厂/服务，并通过它在指令之间共享数据
使用范围：由于这两个指令都在控制器下使用，所以您可以轻松地在指令中使用“范围”，并与“=”或“@”共享数据