Got this one solved
<span class="input-group-addon">J. TESPM</span>
<input style="width:150px"
ng-model="currentItem.TESPM" class="form-control" type="text">
<span
class="input-group-addon">J. TESPM</span>
<select class="form-control"
ng-options="employee.EmployeeFirstName + ' ' + employee.EmployeeLastName as
employee.EmployeeFirstName + ' ' + employee.EmployeeLastName for employee
in employeeArray | filter:{EmployeeIsPM : true}"
ng-model="currentItem.TESPM">
<option value=""
disabled>Select</option>
</select>
On Saturday, August 23, 2014 7:43:12 PM UTC-5, Rudy Sanchez wrote:
>
> This Select box was doing what it was supposed to do but for some reason
> its not working anymore. The select box is displaying Employees that are
> project managers. When I select one it updates the input box with it.
>
> Filter
>
> app.filter('filterEmployees', function() {
> return function (input) {
> console.log('input: ', input);
> var output = [];
> if (!input instanceof Array) {
> console.log('error');
> return output;
> }
> // for all TESPM's
> input.forEach(function (tespm) {
> var employees = tespm.Employees;
> if (!employees instanceof Array) {
> console.log('error');
> return output;
> }
> // for all employees
> employees.forEach(function (employee) {
> // filter
> if (employee.EmployeeIsPM) {
> output.push(employee.EmployeeFirstName + ' ' +
> employee.EmployeeLastName);
> }
> });
> });
> console.log('output: ', output);
> return output;
> };
> });
>
>
> View
>
> <div class="input-group">
> <span class="input-group-addon">J. TESPM</span>
> <input style="width:150px" ng-model="TESPM" class="form-control"
> type="text">
> <span class="input-group-addon">J. TESPM</span>
> <select class="form-control" ng-options="empl for empl in
> jobArray|filterEmployees" ng-model="TESPM">
> <option value="" disabled>Select</option>
> </select>
> </div>
>
>
>
> Console Error Message
>
> {TypeError: undefined is not a function
> at g.<anonymous> (http://localhost:44301/MyScripts/app.js:215:15)
> at e (http://localhost:44301/Scripts/angular.min.js:155:305)
> at Ia.| (http://localhost:44301/Scripts/angular.min.js:143:226)
> at u.constant (http://localhost:44301/Scripts/angular.min.js:154:182)
> at h [as $render] (http://localhost:44301/Scripts/angular.min.js:190:25)
> at Object.<anonymous>
> (http://localhost:44301/Scripts/angular.min.js:172:335)
> at g.$digest (http://localhost:44301/Scripts/angular.min.js:98:177)
> at g.$apply (http://localhost:44301/Scripts/angular.min.js:101:12)
> at http://localhost:44301/Scripts/angular.min.js:17:415
> at Object.d [as invoke]
> (http://localhost:44301/Scripts/angular.min.js:30:328)
> {input:
> [Object, Object, Object, Object, Object, Object, Object, Object, Object,
> Object, Object, Object, Object, Object, Object, Object, Object, Object,
> Object, Object]
> output: []
> input: Object {}
>
>
> Line 215 in the filter is
>
> // for all TESPM's
> input.forEach(function (tespm) {
>
>
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
