Question

我正在尝试编辑messenger bot-builder，我被困在代码中的某个地方，我需要在select“send url”中添加一个新选项，并根据select选项我想显示一个输入字段然后我想要在页面上实时显示并访问在输入字段中输入的文本。

所以我编写了代码来添加“发送网址”这样的选项

<select ng-model="answersType[$index]" ng-change="activeAnswer = node.answers[$index] = {}">
<option value="text">Send Text</option>
<option value="image">Send Image</option>
<option value="video">Send Video</option>
<option value="audio">Send Audio</option>
<option value="file">Send File</option>
<option value="button">Send Buttons</option>
<option value="generic">Send Generic</option>
<option value="genericurl">Send Url</option>
<option value="list">Send List</option>
<option value="shortcode">Dynamic Shortcode</option>
<option value="command">Current Lead</option>

并添加了显示输入字段的代码

<div ng-show="answersType[$index] == 'genericurl'" class="form-group answer-properties">
<input class="form-control" ng-model="answer.genericurl" placeholder="http://" >

用于在输入框中输入的显示文字

<script type="text/ng-template" id="/data-table.html">
<div ng-hide="node.answers.length == 1 && node.answers[0].text == '' && node.pattern == ''">
    <div ng-if="answer.text" class="answer-text">
            <p><span class="dashicons dashicons-admin-comments"></span> {{answer.text}}</p>
    </div>
    <div ng-if="answer.genericurl" class="answer-text">
            <p>{{answer.genericurl}}</p>
    </div>
</div>

如果我从下拉列表中选择“发送文本”，一切都在为我工作，但是当我选择“发送网址”时，它会显示我的输入字段，但如果输入内容，则不显示文本。而且我还想访问angular js应用程序中输入的值，以便我可以访问它，因为我尝试使用ng-model，但它不适合我。谢谢你提前。

根据选择选项显示输入框，然后显示输入的文本

0 个答案: