角度パラメータをonclickイベントに送信するにはどうすればよいですか？

debugcn 投稿 Dev

newb

ここに行きます...私はコントローラーを持っています

    $scope.selectedScript = {};
    $scope.selectedScript.scriptId = null;   


    $scope.selectScript = function(script, index) {
                    $scope.selectedScript = script;
                    $scope.selectedRow = index;

                    myAppFactory.updateTextArea(script).success(
                            function(data) {
                                $scope.selectedScript = data;
                            });
                };

    $scope.getSelectedClass = function(script) {
                    if ($scope.selectedScript.scriptId != undefined) {
                        if ($scope.selectedScript.scriptId == script.scriptId) {
                            return "selected";
                        }
                    }
                    return "";
                };

私はhtmlページを持っています

<label>Script ID:</label> 
<input name="scriptId" 
       type="text" 
       id="scriptId"
       ng-model="selectedScript.scriptId" 
       ng-disabled="true"
       value="{{selectedScript.scriptId}}" />

そして今IARKIにthx私はこれを持っています

<script type="text/javascript">
function goTo (){
 var param1 = angular.element(document.querySelector('.scriptId')).scope.selectedScript.scriptId;
 location.href=this.href + '?scriptId='+param1; 
 return false;
}
</script>
<a href="http://localhost:8080/DSS-war/debug.html" target="_blank" onclick="goTo()">Debug</a>

テーブルにスクリプトのリストもあります

<table class="scripts" name="tableScript" arrow-selector>
            <tr bgcolor="lightgrey">
                <th>Script ID</th>
                <th>File Name</th>
            </tr>
            <tr
                ng-repeat="s in scripts | filter:searchField | orderBy:'scriptId'"
                ng-click="selectScript(s, $index)" ng-class="getSelectedClass(s)">
                <td>{{s.scriptId }}</td>
                <td>{{s.fileName }}</td>
            </tr>
        </table>

次に、上のリンクを押すと、新しいタブが表示されますが、リンクはまだ

 http://localhost:8080/DSS-war/debug.html

しかし、私はそれが新しいタブで開くだけでなく、次のようになる必要があります：

 http://localhost:8080/DSS-war/debug.html?scriptId=1
 http://localhost:8080/DSS-war/debug.html?scriptId=2
 http://localhost:8080/DSS-war/debug.html?scriptId=12

など...数字で

何か案が？

そして、それはng-clickではなく、onclick関数である必要があります。ng-clickでどのように機能するかは知っていますが、onclickで機能させる必要があります...

そして今、私はこれをクロームデバッガーから取得します：

Uncaught TypeError: Cannot read property 'scriptId' of undefined

行に

var param1 = angular.element(document.querySelector('.scriptId')).scope.selectedScript.scriptId;

IARKI

純粋なJavaScriptを使用してAngularスコープにアクセスしてみることができます

<script type="text/javascript">
   function goTo (){
     var param1 = angular.element("#scriptId").scope().selectedScript.scriptId;
     location.href=this.href + '?scriptId='+param1; 
     return false;
   }
</script>
<a href="http://localhost:8080/DSS-war/debug.html" target="_blank" onclick="goTo()">Debug</a>

役に立たないコードを更新しますが、それがあなたの助けになることを願っています

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>My application</title>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<label>Script ID:</label>
<input name="scriptId" type="text" id="scriptId" ng-model="selectedScript.scriptId" ng-disabled="true">
<button onclick="generateID()">Set code</button>
<a href="#" onclick="goTo()">Debug</a>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script type="text/javascript">
    function generateID() {
        var code = Math.floor(Math.random() * 20) + 1;
        document.getElementById('scriptId').setAttribute('value', code.toString());
    }
    function goTo() {
        var scope = angular.element(document.querySelector('#scriptId')).scope();
        scope.$apply(function () {
            scope.selectedScript.scriptId = document.querySelector('#scriptId').getAttribute('value');
        });
        scope.changeURl();
    }
    angular.module('myApp', [])
        .controller('myCtrl', function ($scope, $window) {
            $scope.selectedScript = {};
            console.log('We are in controller');
            $scope.changeURl = function () {
                $window.open('http://localhost:8080/DSS-war/debug.html?scriptId=' + $scope.selectedScript.scriptId, '_blank');
            }
        });
</script>
</html>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]