如何在angularjs中调用部分视图所需的另一个javascript？

这是局部视图的代码

<div class="container">

<div class="row">

    <div class="col-lg-12">
        <h1 class="page-header">Record Incident <small>Please enter important information in the audio...</small></h1>
        <ol class="breadcrumb">
            <li>
                <h1> {{instruction}} </h1>
            </li>

        </ol>
    </div>

</div>

问题是，即使在expected ng view部分中查看了预期视图，即使在加载之后，我也希望调用一些javascript代码。我想知道，如何在项目中包含这些javascript代码。以及如何调用javascript以便它执行预期任务。我想将教程部分视图中键入的文本转换为僧伽罗语。为此，这里是预期的javascript代码

<script type="text/javascript">
        // Load the Google Transliterate API
        google.load("elements", "1", {
            packages : "transliteration"
        });

        function onLoad() {
            var options = {
                sourceLanguage : google.elements.transliteration.LanguageCode.ENGLISH,
                destinationLanguage : [google.elements.transliteration.LanguageCode.SINHALESE],
                shortcutKey : 'ctrl+g',
                transliterationEnabled : true
            };

            // Create an instance on TransliterationControl with the required
            // options.
            var control = new google.elements.transliteration.TransliterationControl(options);

            // Enable transliteration in the textbox with id
            // 'transliterateTextarea'.
            control.makeTransliteratable(['transliterateTextarea']);
        }


        google.setOnLoadCallback(onLoad);
    </script>

//加载Google音译API
加载（“元素”，“1”{
包装：“音译”
});
函数onLoad（）{
变量选项={
sourceLanguage:google.elements.Translation.LanguageCode.ENGLISH，
目的语言：[google.elements.Translation.LanguageCode.SINHALESE]，
快捷键：“ctrl+g”，
音译：正确
};
//使用所需的
//选项。
var-control=newgoogle.elements.translation.translationcontrol（选项）；
//在id为的文本框中启用音译
//“音译extarea”。
控件。makeTransliteratable（['transliterateTextarea']）；
}
setOnLoadCallback（onLoad）；

除此之外，我还必须包括这个脚本

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

---

有谁能解释一下，我应该在哪里以及如何加载预期的javascript代码，这些代码必须位于app.js中tutorialController调用的部分视图中。请解释如何完成此任务。

使用和ng init调用目标元素上的函数。需要在音译范围中添加一个文本区域

<textarea
    ng-init="addTrnsEngine()"
    id="tweet"
    class="form-control primaryPostArea"
    ng-model="newPost.text"
    placeholder="Say something...">
</textarea>

---

为什么要在加载视图后加载脚本？您不能在加载视图之前加载它，然后在加载视图之后调用它吗？不，我的意思是，当我将默认路由设置为仪表板控制器时，它会工作，api会加载，转换也会发生。但是，当我将默认路由更改为root时，在到达链接后不会发生转换。。。。

<script type="text/javascript">
        // Load the Google Transliterate API
        google.load("elements", "1", {
            packages : "transliteration"
        });

        function onLoad() {
            var options = {
                sourceLanguage : google.elements.transliteration.LanguageCode.ENGLISH,
                destinationLanguage : [google.elements.transliteration.LanguageCode.SINHALESE],
                shortcutKey : 'ctrl+g',
                transliterationEnabled : true
            };

            // Create an instance on TransliterationControl with the required
            // options.
            var control = new google.elements.transliteration.TransliterationControl(options);

            // Enable transliteration in the textbox with id
            // 'transliterateTextarea'.
            control.makeTransliteratable(['transliterateTextarea']);
        }


        google.setOnLoadCallback(onLoad);
    </script>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<textarea
    ng-init="addTrnsEngine()"
    id="tweet"
    class="form-control primaryPostArea"
    ng-model="newPost.text"
    placeholder="Say something...">
</textarea>

var addTrnsEngine() = function( targetId ){
    var elem = document.getElementById( targetId );
    //add transliteration on elem here.
}