UI Designer Unable to do Piping
Hi,
I am trying to get the lay of the land and learn about the UI Designer. When I try to do piping using one of the variables, like so {{formInput.someVar.someValue | uppercase}}, I get a Error: [$parse:syntax] in the browser console. The field itself is filled with {{properties.placeholder | uiTranslate}}. So it seems like piping should work since this is done in placeholder properties also. It seems like its an angularJS error. Is there any way to fix this?
"Error: [$parse:syntax] http://errors.angularjs.org/1.3.18/$parse/syntax?p0=%7B&p1=invalid%20key&p2=2&p3=%7B%7BformInput.someVar.someValue%20%7C%20uppercase%7D%7D&p4=%7BformInput.someVar.someValue%20%7C%20uppercase%7D%7D
z/<@http://localhost:8080/designer/runtime/js/vendor.min.js:6:417
lb.prototype.throwError@http://localhost:8080/designer/runtime/js/vendor.min.js:192:113
lb.prototype.object@http://localhost:8080/designer/runtime/js/vendor.min.js:201:300
lb.prototype.primary@http://localhost:8080/designer/runtime/js/vendor.min.js:191:156
lb.prototype.unary@http://localhost:8080/designer/runtime/js/vendor.min.js:198:446
lb.prototype.multiplicative@http://localhost:8080/designer/runtime/js/vendor.min.js:198:173
lb.prototype.additive@http://localhost:8080/designer/runtime/js/vendor.min.js:198:31
lb.prototype.relational@http://localhost:8080/designer/runtime/js/vendor.min.js:197:399
lb.prototype.equality@http://localhost:8080/designer/runtime/js/vendor.min.js:197:255
lb.prototype.logicalAND@http://localhost:8080/designer/runtime/js/vendor.min.js:197:131
lb.prototype.logicalOR@http://localhost:8080/designer/runtime/js/vendor.min.js:197:1
lb.prototype.ternary@http://localhost:8080/designer/runtime/js/vendor.min.js:196:269
lb.prototype.assignment@http://localhost:8080/designer/runtime/js/vendor.min.js:196:1
lb.prototype.expression@http://localhost:8080/designer/runtime/js/vendor.min.js:195:470
lb.prototype.filterChain@http://localhost:8080/designer/runtime/js/vendor.min.js:195:34
lb.prototype.statements@http://localhost:8080/designer/runtime/js/vendor.min.js:194:373
lb.prototype.parse@http://localhost:8080/designer/runtime/js/vendor.min.js:190:359
Te/this.$get</<@http://localhost:8080/designer/runtime/js/vendor.min.js:110:351
n@http://localhost:8080/designer/runtime/js/runtime.min.js:1:11991
.create@http://localhost:8080/designer/runtime/js/runtime.min.js:1:8222
.create/<@http://localhost:8080/designer/runtime/js/runtime.min.js:1:12412
.create@http://localhost:8080/designer/runtime/js/runtime.min.js:1:12371
u/<.pre@http://localhost:8080/designer/runtime/js/runtime.min.js:1:6632
Xc@http://localhost:8080/designer/runtime/js/vendor.min.js:70:279
x@http://localhost:8080/designer/runtime/js/vendor.min.js:59:133
g@http://localhost:8080/designer/runtime/js/vendor.min.js:51:409
g@http://localhost:8080/designer/runtime/js/vendor.min.js:51:426
x@http://localhost:8080/designer/runtime/js/vendor.min.js:59:267
g@http://localhost:8080/designer/runtime/js/vendor.min.js:51:409
Q/<@http://localhost:8080/designer/runtime/js/vendor.min.js:51:17
$/<@http://localhost:8080/designer/runtime/js/vendor.min.js:52:395
l@http://localhost:8080/designer/runtime/js/vendor.min.js:56:399
ne</<.link/<@http://localhost:8080/designer/runtime/js/vendor.min.js:217:335
Ue/this.$get</m.prototype.$digest@http://localhost:8080/designer/runtime/js/vendor.min.js:124:112
Ue/this.$get</m.prototype.$apply@http://localhost:8080/designer/runtime/js/vendor.min.js:127:10
xc/d/<@http://localhost:8080/designer/runtime/js/vendor.min.js:17:477
e@http://localhost:8080/designer/runtime/js/vendor.min.js:36:313
xc/d@http://localhost:8080/designer/runtime/js/vendor.min.js:17:398
xc@http://localhost:8080/designer/runtime/js/vendor.min.js:18:179
Od@http://localhost:8080/designer/runtime/js/vendor.min.js:17:1
@http://localhost:8080/designer/runtime/js/vendor.min.js:252:171
a@http://localhost:8080/designer/runtime/js/vendor.min.js:165:217
qf/c@http://localhost:8080/designer/runtime/js/vendor.min.js:32:384
"
I tried doing the same thing as the UI Basics tutorials, retrieving the error and piping it to JSON in a text area field, and nothing is displayed except some whitespace.
I am using the Community version 7.2.3
Thanks for reading
Hi,
With which widget do you get this error? I did a quick test in 7.2.3 Community edition too and I don't get any error.
I created a simple form with one text widget and one String variable called myVariable.
I replaced the default text parameter of the widget text by {{myVariable | uppercase}}
Click on preview, I can see the String contained in my variable in uppercase.
Cheers
Comments
Hi,
I used the Input widget and the Text Area widget. Going back and trying your example using the Text widget, it is working as intended.
Thanks for your help.
Great news, I change my comment to an answer. Feel free to accept it as a valid answer to close the topic.
Thanks